Angular - 警告：入口點“@libray-package”包含對“模塊/文件”的深度導入

Question

將項目升級到 Angular 9.1 后，CLI 為各種庫拋出多個警告，如下所示：

警告：入口點“@azure/msal-angular”包含對“node_modules/msal/lib-commonjs/utils/UrlUtils”的深度導入。 這可能不是問題，但可能會導致入口點的編譯出現問題。

警告：入口點“ngx-toastr”包含對“node_modules/@angular/compiler/src/core”的深度導入。 這可能不是問題，但可能會導致入口點的編譯出現問題。

我搜索這個警告並得到這個 Github 問題： https://github.com/angular/angular/issues/35615

這會消除警告。 但是這個警告的根本原因是什么以及如何解決它而不是僅僅抑制警告？

Answer 1

不確定這是否會對您有所幫助，但我通過安裝https://www.npmjs.com/package/ngx-toastr/v/12.0.1的最新版本解決了相同的“ngx-toastr”警告消息

也許“ngx-toastr”的舊版本與 Angular CLI 9.1 不兼容？

這是我的 package.json 更新后的相關部分。

.
.
.
 "ngx-toastr": "^12.0.1",
.
.
.

也許“@azure/msal-angular”可以用同樣的方式解決（雖然我沒有使用過這個包）。

祝你好運！

羅賓

Answer 2

在這個github 主題中，它被告知它可能是誤報。 要解決此問題，需要在項目的根目錄中創建一個名為 ngcc.config.js 的文件，並在此結構中通知要忽略的文件夾。

在我的例子中，誤報指向了庫“angular2-text-mask”。

module.exports = {
    packages: {
      'angular2-text-mask': {
        ignorableDeepImportMatchers: [
          /text-mask-core\//,
        ]
      },
    },
};