Angular 19:“导入”仅在独立组件上有效

问题描述 投票:0回答:1

我正在将我的 Angular 库从 v18 迁移到 v19。

升级之前组件如下所示:


@Component({
    selector: "custom-component",
    templateUrl: "./custom.component.html",
    styleUrls: ["./custom.component.scss"],
    standalone: true,
    imports: [
        MatIconModule,
        CommonModule,
        ... other imports
    ],

升级后,

standalone: true
在官方 Angular 文档中here提到的迁移过程中被删除。

现在升级后我收到错误:

'imports' is only valid on a component that is standalone.(-992010)

自动升级后我的组件如下所示:


@Component({
    selector: "custom-component",
    templateUrl: "./custom.component.html",
    styleUrls: ["./custom.component.scss"],
    imports: [
        MatIconModule,
        CommonModule,
        ... other imports
    ],

如有任何帮助,我们将不胜感激。

我已经更新了 Angular-Language-Service 并重新启动了 vs-Code,但没有任何帮助。

javascript angular frontend
1个回答
0
投票

查看与此相关的github问题:


  • 您可以卸载/重新安装 Angular 语言服务。

  • 您可以在 VSCode 中将项目作为根项目打开,如果您打开包含多个项目的工作区,它会混淆 Angular 语言服务,以确定哪个 Angular 版本适合使用。

  • 尝试删除

    .angular
    (缓存文件夹)并重新启动 VSCode 后检查。

© www.soinside.com 2019 - 2024. All rights reserved.