Vue3项目执行yarn serve提示找不到terser-webpack-plugin模块如何解决
问题场景
使用Vue CLI默认选项创建Vue 3项目,执行yarn serve启动项目时抛出以下错误:
Error: Cannot find module '.../node_modules/terser-webpack-plugin/dist/index.js'. Please verify that the package.json has a valid "main" entry
可尝试的解决方法
按优先级从高到低操作即可:
清理损坏依赖后重新安装
这类报错绝大多数是依赖安装过程中网络波动、缓存损坏导致文件缺失,先执行命令删除旧依赖和锁文件:
Mac/Linux系统执行:rm -rf node_modules yarn.lockWindows系统CMD/PowerShell执行:
rd /s /q node_modules del yarn.lock清理yarn缓存后重新安装依赖:
yarn cache clean yarn install安装完成后重新执行
yarn serve验证是否恢复正常。手动补装缺失的依赖包
如果全量重装依赖仍然报错,直接单独安装缺失的terser-webpack-plugin包到开发依赖:yarn add terser-webpack-plugin -D安装完成后重新启动服务即可。
校验本地环境版本兼容性
Vue CLI 5 + Vue 3要求Node.js版本不低于14.18.0,推荐使用16.x、18.x的LTS长期支持版本,如果本地Node版本过低,先升级Node版本后,再重新执行依赖安装流程。
可通过以下命令查看本地环境版本:node -v yarn -v切换依赖源后重试
如果使用的第三方依赖镜像同步异常,也会导致包文件下载不全,可切换到稳定的镜像源后重新执行依赖安装:yarn config set registry https://registry.npmmirror.com
内容的提问来源于stack exchange,提问作者Alexandre Heinen
相关产品推荐
相关产品推荐

