Ionic项目启动时Angular CLI忽略Browserslist配置的Chrome 60问题求助

问题原因 #

你看到的警告是因为Chrome 60需要ES5版本的JS代码支持，但当前Angular CLI版本已不再支持输出ES5代码，所以你的Browserslist配置里的Chrome >=60被忽略了。

解决办法 #

方法一：更新浏览器支持范围（推荐）

Chrome 60是2018年发布的旧版本，现在绝大多数用户都在使用更高版本的浏览器。你可以修改.browserslistrc文件，将Chrome的最低版本提高到支持ES2022的版本（比如Chrome >=80），这样配置就会被Angular CLI正常识别，警告也会消失。修改后的配置如下：

Chrome >=80
Firefox >=63
Edge >=79
Safari >=13
iOS >=13

方法二：降级Angular CLI（不推荐）

如果确实需要支持Chrome 60，你得降级到仍支持ES5输出的Angular CLI旧版本，但这会让你的项目错过后续的安全更新和新特性，因此不建议这么做。

补充说明 #

Angular现在会通过Browserslist配置自动确定编译目标的ES版本，只要你的配置里的浏览器都支持某个ES版本，Angular就会编译到对应的版本，无需手动修改TypeScript的target选项。

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