Angular

Question

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

CommonJS or AMD dependencies can cause optimization bailouts.

对于不同的 PirmeNg 组件。

我已经试过了：

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

这是 offical homepage

上的建议

我做的另一个尝试是检查

中提到的导入

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

但由于我没有任何以“@”开头的导入，我想知道如何修复或抑制此警告？

编辑：

详细错误：

WARNING in 'path' depends on 'chartjs'. CommonJS or AMD dependencies can cause optimization bailouts.

Answer 1

你只需要添加-

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

只需添加

chartjs

在你现有的列表中，就像上面那样，你很好。有关详细说明，请在此处查看此答案 -

请注意，这只是抑制警告的解决方法！如果你想完全解决这个问题，那么你需要为你的依赖项导入 ES-6 模块并避免 CommonJs 依赖项。 Angular-10 之后，它会显示这些构建优化警告。

Answer 2

在angular.json中添加

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

Angular - primeng CommonJS 或 AMD 依赖项可能导致优化救助

Angular - primeng CommonJS or AMD dependencies can cause optimization bailouts

primeng

angular10