创建Vue3项目以及报错的解决方法集合

土豆和稀泥

已于 2025-01-14 14:17:26 修改

阅读量1.7k

点赞数 29

文章标签： vue.js 前端

于 2025-01-13 21:38:50 首次发布

本文链接：https://blog.csdn.net/2301_80861287/article/details/145122934

版权

Hello，各位小伙伴们！大家在尝试创建Vue3项目的时候有没有遇到卡壳或者报错呢？接下来我将会在本文中记录我创建Vue3项目遇到的一些问题以及解决方法，希望能对各位小伙伴有用处！

1、检查是否安装了node

打开cmd，输入node -v

如果没有显示版本的话，可以参考这篇文章去下载https://blog.csdn.net/Nicolecocol/article/details/136788200

2、创建Vue项目

创建一个空的文件夹，在这个文件夹下面打开cmd，输入如下命令

vue create 项目名

如果发现提示 ‘vue’ 不是内部或外部命令，也不是可运行的程序。可能是没有安装脚手架，在命令行输入

npm install -g @vue/cli

继续Vue项目的创建，如果发现配置过程中有这样一句话：Failed to check for updates

接下来有两种步骤，大家可以仔细看，我是适用于第二种步骤的。

（1）可以Ctrl+C暂停，退出去。

因为如果出现了这句话，那么前面输入创建的命令时很可能出现了如下图的错误：Failed to get response from /vue-cli-version-marker

大家可以先尝试一下网上现有的方法，以下两种方法是针对于前面出现更新失败的Failed to check for updates：

现存的方法有：

1）清缓存，关闭证书检查

npm cache clean --force

npm config set strict-ssl false

npm install

如果你发现输入第一条命令的时候就出现了这样的错误：npm WARN using --force Recommended protections disabled.不妨先试试我接下来的做法，请看第二步（2）

2）改镜像源

npm config get registry

改为官方镜像

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

（2）也可以先不用着急，接着看下面会出现什么问题。

先按照我下面蓝色字体的选项以及命令行的提示先配置好，在第二步Check the features needed for your project:的时候，记住是用空格键选择，取消选择也是用空格键，Enter键是下一步。其他的步骤用上下方向键选中就可以按Enter键了。创建完之后有两条命令，依次输入命令行，可以看到我这里的第二条命令有点不同，我这里是yarn serve，而一般大家的是npm run serve。输入之后就报错了：找不到或无法加载主类 serve

然后就去找到你C盘下的用户，选择你现在的用户名的文件夹，进去找到.vuerc文件，用记事本打开，把"packageManager": "yarn"改为"packageManager": "npm"，返回上一级目录，打开文件资源管理器，把刚刚创建的vue项目给删了，重新来创建一遍，我这里是删掉了Springboot_vue文件夹。

创建完成了，也没有更新失败的操作了，配置也按部就班地配好了，结果发现中途又报错了，遇到了如下的问题：Error: command failed: npm install --loglevel error --legacy-peer-deps