Angular 10：CommonJs 和 AMD 依赖可能导致优化救助，hotkeys.js 依赖于“mousetrap”

【问题标题】：Angular 10: CommonJs and AMD Dependencies can cause optimization bailouts, hotkeys.js depends on 'mousetrap'Angular 10：CommonJs 和 AMD 依赖可能导致优化救助，hotkeys.js 依赖于“mousetrap”
【发布时间】：2020-11-07 11:16:51
【问题描述】：

我们在 Angular 10 中收到此构建警告。如何解决此问题？有没有像 Lodash-es 这样的替代 NPM？

hotkeys.js 依赖于'mousetrap'。 CommonJs 和 AMD 依赖项可能导致优化救助

Error Message

资源：Upgrading to Angular 10 - Fix CommonJS or AMD dependencies can cause optimization bailouts

【问题讨论】：

标签： angular typescript angular10

【解决方案1】：

如果您愿意为hotkeys 模块做出贡献，可以将其设置为ECMAScript compatible。

或者您可以将模块添加到angular.json 文件中的allowedCommonJsDependencies，如official documentation 所示。

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

最后，您可以忽略警告，直到有人使该模块与 ECMAScript 兼容，或者使用具有您正在寻找的相同功能的另一个模块。

【讨论】：

不是每个在这里提问的人都能为生产库做出贡献。也许如果我们善意地问他们并教导他们，总有一天他们会的。