使用Angular CLI创建新项目时未生成polyfills.ts的问题求助

• Angular 12及以后的版本，默认不再生成单独的polyfills.ts文件。这是因为现代主流浏览器已原生支持大部分ES6+特性，Angular把基础polyfill逻辑整合到了构建流程中，无需单独维护这个文件。

• 如果需要自定义polyfill（比如兼容旧版浏览器），按以下步骤操作：

  1. 在src目录手动创建polyfills.ts文件，添加需要的polyfill代码，例如：

     // 兼容旧浏览器的Array.prototype.includes
     import 'core-js/es/array/includes';
     // 按需添加其他polyfill
     

  2. 打开angular.json，找到对应项目的build.options节点，修改polyfills字段指向你创建的文件：

     "build": {
       "options": {
         "polyfills": "src/polyfills.ts",
         // 其他原有配置...
       }
     }
     

  3. 重新运行ng serve或ng build，配置会生效。

• 如果你手动添加文件后仍有问题，先检查：

  • angular.json里的polyfills路径是否正确，确保和文件实际路径一致
  • 导入的polyfill包是否已安装（比如core-js需要通过npm install core-js --save安装）
  • 运行ng version确认你的Angular CLI版本，确认是否属于12+的默认行为

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