使用Vue CLI创建Vue3项目时遇npm安装错误求助
Vue 3项目创建npm踩坑解决
问题情况
- 系统:Windows 10,vue/cli、node、npm、yarn均已更新到最新版本
- 操作:执行
vue create my-project命令,创建带有Vue 3、dart-sass、babel、router、vuex、unit-jest预设的项目 - 报错流程:
- 初始报错:
npm ERR_SOCKET_TIMEOUT网络超时 - 尝试部分方案无效后,开启网络加速完成包下载,却出现
npm Invalid Version错误,最终固定报错:ERROR Error: command failed: npm install --loglevel error --legacy-peer-deps
- 初始报错:
已尝试无效的操作
- 执行
npm cache clean --force清理缓存 - 设置npm官方源:
npm config set registry="http://registry.npmjs.org/" - 关闭Vue CLI的淘宝源:
vue config --set useTaobaoRegistry false - 配置fetch-retry-mintimeout和maxtimeout参数
可行解决方向
解决网络超时问题
- 切换国内npm镜像(替代官方源提升下载稳定性):
npm config set registry=https://registry.npmmirror.com/ vue config --set useTaobaoRegistry true - 延长npm超时时间:
npm config set timeout 600000 - 换用yarn执行安装:在Vue CLI选择预设后,中断自动执行的npm安装,进入项目目录执行
yarn install
解决Invalid Version错误
- 检查node/npm版本兼容性:Vue 3要求node版本≥12.0.0,优先使用LTS版本(如18.x),可通过nvm快速切换:
# 安装nvm后执行以下命令切换版本 nvm install 18 nvm use 18 - 删除依赖文件后重新安装:
# Windows环境下执行 rmdir /s node_modules del package-lock.json npm install --legacy-peer-deps - 更新Vue CLI到最新稳定版:
npm update -g @vue/cli
内容的提问来源于stack exchange,提问作者Hadi
相关产品推荐
相关产品推荐

