素材巴巴 > 程序开发 >

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

程序开发 2023-09-11 11:38:48


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

在这里插入图片描述
2.发现了没有,有两个包的版本与其他相比,偏高了😂😂
然后把他们都卸载了:

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

在这里插入图片描述
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/cdk@8.2.3
 npm install --save @angular/material@8.2.3
 

在这里插入图片描述
查看是否安装成功:ng version
在这里插入图片描述
5.安装成功后再运行打包命令ng build --prod
,打包成功:
在这里插入图片描述


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。