1、用WebStorm 启动项目时遇到这样的报错:
![](https://img8.php1.cn/3cdc5/18d35/882/1327c5bd209cf3c7.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNTQwOTg5,size_16,color_FFFFFF,t_70)
2、解决方法:
①首先删掉项目中的node_modules文件夹。
②执行 npm cache clean 或者 cnpm cache clean 命令清除缓存。
![](https://img8.php1.cn/3cdc5/18d35/882/a10f8aae9a0f4719.png)
此时依然报错:由于 npm 5 使用了新的包管理模式,所以在升级之后,请先清空一下本地缓存:
所以执行:npm cache clean --force (在WebStorm执行时提示我们在管理员状态下执行,所以以管理员身份启动cmd,执行命令)
![](https://img8.php1.cn/3cdc5/18d35/882/e9e8a41676aeebaa.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNTQwOTg5,size_16,color_FFFFFF,t_70)
③然后执行cnpm install
3、问题已经解决,我们执行 npm run dev
![](https://img8.php1.cn/3cdc5/18d35/882/0698db9e98393f86.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNTQwOTg5,size_16,color_FFFFFF,t_70)
此时项目已经成功运行起来。