关于vue创建项目失败报错(镜像过期)的解决方案

在新建vue项目时出现以下错误:
在这里插入图片描述
原因:
npm.taobao.orgregistry.npm.taobao.org旧域名于2021年官方公告域名更换事件,已于2022年05月31日零时起停止服务,域名HTTPS证书于2024年1月22日正式到期,不可再用。

解决方案:
使用以下命令查看已有镜像:

npm config get

再修改对应镜像源:

npm config set registry https://registry.npmjs.org

到此已成功更换镜像源,但是在重新创建vue项目时,依旧走的是旧的镜像。所以还需要修改以下自己的vue-cli的配置。文件位置在:

 C:\Users\TT\AppData\Roaming\npm\node_modules\@vue\cli\lib\util\registries.js 

修改registries.js 文件的内容,覆盖为:

const registries = {
 npm: 'https://registry.npmjs.org',
 yarn: 'https://registry.yarnpkg.com',
 taobao: 'https://registry.npmmirror.com/',
 pnpm: 'https://registry.npmjs.org'
}
module.exports = registries

保存,再次创建项目即可。
!](https://img-blog.csdnimg.cn/direct/9bf2f8281d1a417abe66be8c7f33286c.png)

### Vue CLI 创建项目常见报错解决方案 #### ‘vue’不是内部或外部命令,也不是可运行的程序或批处理文件 如果遇到这种提示,则表明系统无法识别`vue`命令。这通常是因为未安装Vue CLI或者环境变量配置不正确。为了修复这个问题,可以尝试全局安装Vue CLI工具: ```bash npm install -g @vue/cli ``` 确保安装完成后,在命令行输入`vue --version`验证是否能正常显示版本号[^1]。 #### 编译代码时出现大量未知错误 对于使用`vue create xxx`指令创建项目过程中发生的各种编译错误,建议先清理本地缓存并更新至最新版CLI: ```bash npm cache clean --force npm uninstall -g @vue/cli npm install -g @vue/cli@latest ``` 之后再按照标准流程新建工程即可减少此类异常的发生概率[^2]。 #### 多个资源向相同文件名index.html输出不同内容 针对这种情况,可以通过调整构建配置来规避冲突。具体操作是在项目的根目录下的`public/index.html`更改为`.ejs`模板形式(`index.ejs`),从而允许动态注入路径参数等信息而不影响静态页面结构[^3]。 #### 镜像过期导致创建失败 当因为网络原因造成依赖下载超时时,应该考虑切换国内加速器地址以提高效率。编辑位于用户主目录中的`.vuerc`文件(如果没有则手动创建),加入如下字段指定淘宝NPM镜像作为默认仓库: ```json { "registry": "https://registry.npmmirror.com" } ``` 另外还需确认注册表设置已被应用到当前环境中,可通过查看`C:\Users\<用户名>\AppData\Roaming\npm\node_modules\@vue\cli\lib\util\registries.js`内的定义加以检验[^4]。 #### 版本兼容性引发的问题 考虑到不同Node.js版本可能会影响Vue CLI的表现,因此有必要检查两者之间的匹配度。假如发现存在差异,推荐通过nvm(Node Version Manager)管理多个节点实例,并挑选一个稳定组合用于开发工作。此外,也可以直接卸载现有CLI插件后再依据官方文档指引完成特定版本的手动部署[^5]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值