Vue运行npm run serve报找不到terser-webpack-plugin模块错误
报错根因
该错误由terser-webpack-plugin依赖安装损坏导致,包内缺失核心入口文件dist/index.js,属于依赖安装环节的问题,和Vue业务代码无关。你提到的该包目录结构异常,也能直接对应依赖未完整安装的特征。
解决步骤
按顺序执行以下操作即可修复:
- 清除项目内已损坏的依赖文件
在项目根目录执行以下命令,删除残缺的依赖目录和锁文件:# Windows PowerShell 环境执行 Remove-Item -Recurse -Force node_modules Remove-Item -Force package-lock.json # 若使用yarn作为包管理工具,额外执行 Remove-Item -Force yarn.lock - 清除npm本地缓存,避免损坏的缓存包被重复拉取
执行命令:
可执行npm cache clean --forcenpm cache verify确认缓存清理完成。 - 重新安装项目依赖
回到项目根目录执行:
注意:npm v6及更早版本存在偶发丢包问题,如果反复出现安装残缺的情况,先执行npm installnpm install -g npm@latest升级npm到最新稳定版,再重新执行依赖安装。安装过程不要手动中断。 - 版本兼容特殊处理
如果重新安装全量依赖后仍报错,属于terser-webpack-plugin版本和本地@vue/cli-service版本不兼容:
执行npm list @vue/cli-service查看本地cli-service版本,若为4.x版本,单独安装兼容的terser-webpack-plugin版本即可:npm install terser-webpack-plugin@4.2.3 --save-dev
校验标准
依赖安装完成后,打开node_modules/terser-webpack-plugin目录,确认目录下存在dist/index.js文件,再执行npm run serve即可正常启动开发服务。
内容的提问来源于stack exchange,提问作者Amit Vadgama
相关产品推荐
相关产品推荐

