Angular11启动调试报CommonJS依赖优化告警 配置后仍未生效

解决步骤 #

• 修正angular.json配置错误
  你当前allowedCommonJsDependencies数组中填写的loadash存在两个问题：一是拼写错误，正确的包名是lodash；二是告警明确提示触发问题的依赖是core-js/es6/symbol，不是lodash，你需要将告警中提到的CommonJS依赖添加到配置中，修改后的配置如下：

  "architect": {
    "build": {
      "builder": "@angular-devkit/build-angular:browser",
      "options": {
        "allowedCommonJsDependencies": ["core-js/es6/symbol"],
        // 其余原有配置保持不变
  

  如果你有其他core-js/es6/*相关的导入，也需要把对应路径全部添加到这个数组中。

• 修正polyfills.ts的导入逻辑
  Angular 11已经内置了ES6+标准API的自动polyfill能力，会根据你项目根目录下browserslist配置的兼容目标自动注入需要的polyfill，不需要手动导入core-js/es6/路径下的模块。请删除polyfills.ts中所有手动导入core-js/es6/*的代码，避免冗余导入触发告警。
  如果你确实需要手动引入特定polyfill，注意3.x版本的core-js导入路径已经调整为core-js/es/symbol，需要同步修改路径格式。

• 完全重启调试服务
  angular.json的配置修改不会触发热重载生效，修改完所有配置后需要终止当前ng serve进程，重新执行启动命令，新的配置才会生效，告警才会消失。

内容的提问来源于stack exchange，提问作者Jeb50