Question

我有一个小Angular应用，其中我正在使用PrimeNG components。由于我做了Angular 10更新，因此收到以下警告：

CommonJS或AMD依赖项可能导致优化援助。

用于不同的PirmeNg组件。

我已经尝试过了：

"allowedCommonJsDependencies": [
              "loadsh",
              "primeng/primeng",
              "primeicons",

在offical homepage

上建议

我做的另一种尝试是检查导入内容，如this post

import { x } from '@auth/auth....'           // Warning
...to...
import { x } from '../auth/...'              // Warning goes away

但是由于我一开始没有任何带有“ @”的导入，所以我想知道如何解决或取消此警告？

编辑：

详细错误：

“路径”中的警告取决于“ chartjs”。 CommonJS或AMD依赖项可能会导致优化援助。

Answer 1

在 angular.json 添加

 "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "allowedCommonJsDependencies": ["chart.js"],

Answer 2

您只需要添加-

"allowedCommonJsDependencies": [ 
"loadsh", 
"primeng/primeng", 
"primeicons", 
"chartjs", 
---etc--- all the CommonJs dependency goes here to suppress warning!

]

只需添加

chartjs

在上面的现有列表中，你很好。有关详细说明，请在此处查看此答案-https://stackoverflow.com/a/63430362/6097025

请注意，这只是抑制警告的一种解决方法！如果要完全解决此问题，则需要为依赖项导入ES-6模块，并避免CommonJs依赖项。现在从Angular-10开始，它会显示这些警告以进行构建优化。

Angular-Primeng CommonJS或AMD依赖项可能会导致优化援助

2 个答案: