Angular NG05100错误求助：已按规范配置仍报错

1. 检查独立组件的启动配置 #

如果项目以独立组件作为根组件，务必确保main.ts中没有同时通过AppModule和独立组件双重启动的情况：

• 错误示例：同时调用bootstrapApplication(AppComponent)和platformBrowserDynamic().bootstrapModule(AppModule)
• 正确操作：二选一，使用独立组件模式就只保留bootstrapApplication(AppComponent, {providers: [...]})，并删除AppModule相关的启动代码

2. 清理AppModule冗余配置 #

若保留AppModule，需确认：

• 仅在imports数组中导入一次BrowserModule，绝对不要在任何独立组件的imports中导入BrowserModule
• 若完全采用独立组件模式，可直接移除AppModule，或简化为仅作共享模块使用

3. 排查第三方库的间接导入 #

部分第三方UI库或工具库可能内部导入了BrowserModule，引发重复加载问题：

• 查阅第三方库官方文档，确认是否需替换为CommonModule导入
• 使用ng build --verbose或Angular DevTools查看模块依赖链，定位重复导入的来源

4. 验证独立组件的imports配置 #

检查所有独立组件的@Component装饰器内imports数组：

• 仅导入CommonModule（需使用NgIf/NgFor时），禁止导入BrowserModule
• 正确示例：

@Component({
  selector: 'app-example',
  standalone: true,
  imports: [CommonModule],
  template: `<div *ngIf="show">Hello</div>`
})
export class ExampleComponent {}

5. 清理缓存并重新构建 #

执行以下命令清除编译缓存，避免旧缓存引发的异常：

ng cache clean
rm -rf node_modules package-lock.json
npm install
ng build --prod

内容的提问来源于stack exchange，提问作者Swapnil Kashish