关于安装及运行Vue的一些错误集锦

关于安装及运行Vue的一些错误集锦

vue安装中遇到的问题

1、文字乱码
2、npm依赖下载报错:Hostname/IP deos not match certificate’s altnames
3、vue 无法加载文件,因为在此系统中禁止运作脚本。请参阅http://go.microsoft.com/fwlink/?LinkID=135170中的about_Exection_prolicies
4、创建vue项目时报错
5、提示rollbackFailedOptional:verb npm-session
6、‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序
或批处理文件。
7、cnpm : 无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
8、因为依赖报了一推错,解决冲突。
9、执行npm install报:报错4048

解决办法

1、文字乱码
在这里插入图片描述

解决办法:在命令行输入:

CHCP 65001

2、npm依赖下载报错:Hostname/IP deos not match certificate’s altnames

解决办法:在命令行输入:

npm set strict-ssl false
npm config set registry http://registry.npmjs.org/

3、vue 无法加载文件,因为在此系统中禁止运作脚本。请参阅http://go.microsoft.com/fwlink/?LinkID=135170中的about_Exection_prolicies
在使用 vue init webpack 项目文件名 时报如上错误。
解决办法:使用管理员身份在命令行输入:

set-ExecutionPolicy RemoteSigned

在这里插入图片描述

4、创建vue项目时报错

如下:
改
该问题是vue-cli脚手架的一个bug,原因是chromedriver的部分文件被国内网络给墙掉了,无法下载完整的chromedirver包,解决办法:npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
在这里插入图片描述
5、提示rollbackFailedOptional:verb npm-session
这个问题是我在命令行中安装vue时报的错
解决办法:这个其实是代理地址问题,在命令行使用如下命令即可:

npm cache claen --force
npm config set proxy null
npm config https-proxy null
npm config set registry http://registry.cnpmjs.org/

安装淘宝镜像之后,再执行:

cnpm install -g vue-cli

6、 ‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序
或批处理文件。

方法:删除掉原来的 node文件,重新执行 npm install
7、cnpm : 无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
方法:npm install -g cnpm --registry=https://registry.npm.taobao.org
删除掉原来的 node文件,重新执行 npm install

8、解决版本冲突问题:Fix the upstream dependency conflict, or retrynpm ERR! this command with --force, or --leg
方法:在终端窗口执行命令:npm install --legacy-peer-deps即可。在这里插入图片描述
9、出现这个问题主要是权限问题,可能运行项目所在盘符没有管理员权限,错误如下:
在这里插入图片描述
第1种方法:直接用命令清理
用管理员的身份运行 CMD 在控制台上输出 npm cache clean --force 一样可以删除

第2种方法 用管理员的身份运行 CMD
在此 CMD 输入 npm install -g @vue/cli 就可以成功安装了
10、npm run serve时Invalid options in vue.config.js: “publicPath” is not allowed
项目在build的时候报的这个错误: 具体原因是因为版本支持的问题,publicPath 属性到 vue-cli 3.2.0 之后才支持,所以将 publicPaht 改成 baseUrl 即可,改后:
在这里插入图片描述

上面10个问题,是我在VSCode上安装及运行vue项目时遇到的问题,希望能帮到大家。

  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值