Angular 材料在 angular 库中不起作用

Question

我有一些 angular 项目，我看到有很多代码可以重用，所以我想把一些代码做成公共库的一部分。

我按照文章中的步骤创建了库： https://angular.io/guide/creating-libraries

我已经将它测试到一个新的 angular 应用程序，它似乎工作正常，当我尝试迁移一些使用外部库（如 angular 材料）的代码时出现问题。

在我拥有图书馆的工作区中：

ng add @angular/material

我创建了一个新服务，例如：

ng generate service Common

在这项新服务中，我添加了以下代码：

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { MatSnackBar } from '@angular/material/snack-bar';

@Injectable({
  providedIn: 'root'
})

export class CommonService {
  waitDialog: any;
  
  
  constructor(private http: HttpClient, private _snackBar: MatSnackBar) {
    this.waitDialog = null;
  }

  ShowMessage(message: string) {
    this._snackBar.open(message, "Dismiss", {
      horizontalPosition: "right",
      verticalPosition: "top",
      duration: 5 * 1000
    });
  }
}

然后在我的库模块文件中，我有：

import { NgModule } from '@angular/core';
import { VcmsLibraryComponent } from './components/vcms-library/vcms-library.component';
import { HttpClientModule } from '@angular/common/http';
import { MatSnackBarModule } from '@angular/material/snack-bar';

@NgModule({
  declarations: [
    VcmsLibraryComponent,
    ImportFileDialogComponent,
  ],
  imports: [
    HttpClientModule,
    MatSnackBarModule
  ],
  exports: [
    VcmsLibraryComponent
  ]
})
export class VcmsLibraryModule { }

之后，我使用以下方法构建了库：

ng build

从另一个应用程序（在不同的工作区）安装库为：

npm install "file:./vcms-workspace//dist//vcms-library"

在我的应用程序中，我在 app.module.ts 中插入了引用（在导入数组中）并在 app.component 中进行了必要的导入，但是当我尝试启动应用程序时，我在浏览器中收到以下错误：

Answer 1

我可以通过从使用该库的应用程序中添加angular.json来解决此问题：

"preserveSymlinks": true

然后我遇到的问题是，每次我在库中进行更改时，它都没有反映在应用程序中，因此在编译过程中会引发错误。 我已经看到每次进行更改时都需要更改库的版本，因为它从缓存中获取库：

https://github.com/angular/angular-cli/issues/22380#issuecomment-994901588