Angular的项目编译报错:Can't resolve 'core-js/es6/array'

项目运行报错截图.png
1、问题的解决办法

出现这种问题,首先找下package.json文件中将core-js的版本,如果没有安装这个依赖,那么就安装一下。
yarn add [email protected]
然后再尝试重启项目,如果还是遇到相同的问题,就去对应的polyfills.ts文件查看,如果里面有其他的依赖未安装,也可以接着安装一下。

image.png

接着继续安装(建议使用cnpm,npm下载不是一般的慢):
npm install --save classlist.js
以及另外一个依赖
npm install --save web-animations-js

安装完成后,打开package.json文件查看是否安装成功:

 "web-animations-js": "^2.3.2",
 "classlist.js": "^1.1.20150312",
 "core-js": "2.5.7",

安装成功后,再重启项目,则OK了。


image.png
2、问题的导致原因
  • 原因一:
    由于IE浏览器无法兼容es6语法,我们需要使用core-js进行兼容性处理,从而使IE浏览器也能够正常的解析es6语法,但是直接安装core-js也会产生同样的报错原因,是因为core-js版本过高导致的,如果是3.X的版本出现这种问题,可以尝试着把版本降到@2.5.7就可以了。

  • 原因二:
    在使用cnpm下载依赖包的时候,可能由于出现了掉包的现象导致core-js没有安装,从而导致运行出现报错。

你可能感兴趣的:(Angular的项目编译报错:Can't resolve 'core-js/es6/array')