1

我创建了一个 Angular 自定义库，我需要在不同工作区的多个项目中使用它。一旦我在本地正确测试它，我将计划将库发布到 NPM。下面是我的图书馆代码：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { AppbuttonComponent } from './appbutton.component';
import { CRMMaterialModule } from '../../material.module';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { BrowserModule } from '@angular/platform-browser';
@NgModule({
  declarations: [AppbuttonComponent],
  imports: [
    BrowserAnimationsModule,
    CRMMaterialModule
  ],
  exports: [AppbuttonComponent]
})
export class AppbuttonModule { }

图书馆公共 API 就像

export * from './lib/components/appbutton/appbutton.module';
export * from './lib/components/appbutton/appbutton.component';

然后我将我的应用程序（在不同的工作区）链接到我的库。下面是我的 appModule.ts 文件代码

 imports: [
    BrowserModule,
    FormsModule,
    BrowserAnimationsModule,
    CoreModule,
    AppbuttonModule,
    RouterModule.forRoot(AppRoutes, { useHash: true })....

它构建正确但是当我尝试运行应用程序时，它给了我以下错误：

错误：BrowserModule 已加载。如果您需要从延迟加载的模块中访问常用指令，例如 NgIf 和 NgFor，请改为导入 CommonModule。

任何人都可以为此提供帮助吗？我被困在这三天了。

4

0 回答 0