BrowserModuleAnimations 和 Angular Material 与 BrowserModule 依赖性相冲突

Question

core.mjs:6531 ERROR Error: NG05100: Providers from the `BrowserModule` have already been loaded. If you need access to common directives such as NgIf and NgFor, import the `CommonModule` instead.

我正在创建一个 Angular 17 中的应用程序。这里他们删除了应用程序模块和应用程序路由，并使所有组件都充当独立组件并在每个组件中导入必要的模块。

我想使用来自 Angular/Material 的垫子手风琴。这个包默认导入 BrowserModule ，并且从 Angular 17 开始 - 应用程序从 main.ts 文件启动，并使用来自“@angular/platform-browser”的 bootstrapApplication ，并且该模块也有 BrowserModule ，这就像冲突。我在 stackoverflow 上尝试了很多解决方案，但没有一个解决方案有效。有哪位专业人士可以帮助我吗？

Answer 1

我通过在此链接引用的 main.ts 文件中导入 BrowserAnimationsModule 找到了答案。 示例在这里

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 bootstrapApplication(AppComponent, {
    providers: [
      provideRouter(routes, withHashLocation()),
      importProvidersFrom(BrowserAnimationsModule),
  ],
 })