WebStorm运行打包命令ng build --prod出错?



WebStorm运行打包命令ng build --prod出现一大串错误:
ERROR in node_modules/@angular/cdk/bidi/dir.d.ts:
node_modules/@angular/cdk/collections/selection-model.d.ts
WebStorm运行打包命令ng build --prod出错?_第1张图片
解决办法:
1.输入命令ng version查看Angular各种包的版本:

WebStorm运行打包命令ng build --prod出错?_第2张图片
2.发现了没有,有两个包的版本与其他相比,偏高了
然后把他们都卸载了:

npm uninstall --save @angular/material
npm uninstall --save @angular/cdk

WebStorm运行打包命令ng build --prod出错?_第3张图片
3.清除缓存,确保其卸载干净:

npm cache clean --force

然后再用ng version命令查看一遍,确保其卸载干净了

4.重新安装指定版本,我这个呢就安装8.2.3的。
cdk地址:https://www.npmjs.com/package/@angular/cdk
material地址:https://www.npmjs.com/package/@angular/material

npm install --save @angular/[email protected]
npm install --save @angular/[email protected]

WebStorm运行打包命令ng build --prod出错?_第4张图片
查看是否安装成功:ng version
WebStorm运行打包命令ng build --prod出错?_第5张图片
5.安装成功后再运行打包命令ng build --prod
,打包成功:
WebStorm运行打包命令ng build --prod出错?_第6张图片

你可能感兴趣的:(纠错)