宝哥软件园

vue安装中遇到的五个错误及解决方法

编辑:宝哥软件园 来源:互联网 时间:2021-08-22

前言

这篇博文不会教你如何安装vue,但会告诉你在安装过程中可能会遇到的五个问题

5份错误报告

:如果用vue -V查询是否安装vue,提示没有找到说明,可能是没有安装vue-cli支架(vue-cli可以快速创建vue项目)

: Vue安装淘宝镜像时报错,表示配置无效,必须是完整合法的http地址,因为我在url前面加了空格,所以这里没有空格。

注意:安装淘宝镜像后,所有需要npm的地方都可以用cnpm代替,但建议模块和插件安装cnpm,vue打包启动npm

(cnpm是国产镜像,npm服务器在国外,固定cnpm安装速度比较快,但可能会因为更新不及时出现一些意外问题)

:如果直接使用npm run dev命令,会报错,表示没有这样的文件或目录,需要先创建一个项目。

使用vue init web pack vue _ test(vue _ test是项目名称)创建一个项目,然后根据需要选择它。

没有(Y/n)选项供您选择是否安装,可以直接按enter键,Y为安装,N为不安装

:如果进入项目目录,输入npm run dev,系统会提示找不到项目,说明您的项目路径错误。检查项目路径和输入命令是否正确。

这里,项目路径的输入是错误的。直接复制粘贴到git bash(相当于windows的cmd)中的路径斜杠将变成“”,但实际上应该使用“/”。

注意:不能通过ctrl v直接粘贴git bash中复制的项目路径,可以通过点击鼠标滚轮直接粘贴

:当进入npm install安装依赖包时,如果出现下图提示,

审核11959个包,发现12个漏洞(7个中风险,5个高风险)。运行“npm审核修复”来修复它们。

或者运行“npm audit”获取更多信息,直接输入npm audit fix进行修复。

然后会出现下图,告诉您一些漏洞已经修复,您需要输入npm audit fix - force来进一步修复它们

然后看到以下提示并输入npm审核

最后,当您看到下图时,您已经完全修复了该漏洞

补充:

:运行npm run dev后自动打开浏览器设置(默认为手动打开)

然后找到autoOpenBrowser: false并将false更改为true

:如果你想停止启动vue,就不要每次都重复下面3个步骤

Cd '项目路径'

npm安装

npm运行开发

可以直接ctrl c,如下图,根据提示选择y。此时,您只需要输入npmrun dev一次。

更多资讯
游戏推荐
更多+