admin管理员组

文章数量:1434960

On my Angular v19 app I get the following error:

Component AppComponent is standalone, and cannot be declared in an NgModule

or

'imports' is only valid on a component that is standalone.

It worked perfectly in v18 before the update.

What happened?

On my Angular v19 app I get the following error:

Component AppComponent is standalone, and cannot be declared in an NgModule

or

'imports' is only valid on a component that is standalone.

It worked perfectly in v18 before the update.

What happened?

  • angular
  • angular-standalone-components
  • angular19
Share Improve this question edited Nov 19, 2024 at 20:22 Matthieu Riegler asked Nov 18, 2024 at 10:35 Matthieu RieglerMatthieu Riegler 57.1k27 gold badges149 silver badges200 bronze badges
Add a comment  | 

2 Answers 2

Reset to default 13

In v19, Angular swapped the default value for standalone from false to true. It means that every component declared is now implicitly standalone.

If your app relies on NgModule that declare components/pipes/directives, you will need to add standalone: false to all of those:

@Component({
  standalone: false,  // this is now required when using NgModule
  ...
})
export class AppComponent {}

@NgModule({
  declaration: [AppComponent], 
  ...
})
export class AppModule {}

Also, as part of the migration/update experience, the Angular team provides a migration schematic to update your apps and take care of most of the breaking changes. For this you only need to run ng update.

Make sure to also have a look at the update guide.

Make the following changes in appponent.ts file.

  1. standalone: false
  2. Remove imports

本文标签：

版权声明：本文标题：Angular 19 - Component AppComponent is standalone, and cannot be declared in an NgModule - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745625841a2666965.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。