使用 vue-cli 的相关报错汇总

1、vue 运行vue-cli项目时卡在 ‘98%’ after emitting CopyPlugin

为什么呢?这是由于项目中require(' ')解析图片时,没有添加图片路径导致的:

2、采用 vue-cli4 创建一个项目时 npm 报错

采用 vue-cli4 创建一个项目时,报错。

一开始,我考虑到是不是npm与node的版本不配套?

于是我查了官网:https://nodejs.org/zh-cn/download/releases/

发现npm与node的版本大致匹配。

然后,我猜想可能是vue-cli4的版本过高,所以,卸载了vue-cli4,安装了vue-cli3的版本:

npm uninstall -g @vue/cli
npm install -g @vue/cli@版本号
我安装的是:

npm install -g @vue/cli@3.12.1
结果,安装的时候报错如下:

npm ERR! code EINTEGRITY
怎么办呢?我在网上一番查询,找到了以下命令(这些命令要慎重再慎重):

npm ls --depth 0 -g // 看看哪些失效了
npm prune -g // 修剪下全局包
npm rebuild -g // 重建下全局包
npm update -g // 更新下全局包的版本
npm cache verify // 开启 npm 缓存验证
npm cache clear --force // 强制删除包的缓存
 我执行了:

npm cache clear --force
然后,安装

npm install -g @vue/cli@3.12.1
没报错,哈哈哈,貌似成功了,然而……

如果报错 vue 不是内部命令或外部命令:全局搜索vue.cmd 将路径加入Path用户环境变量中(不建议加入系统环境变量)。

如果报错 about_Execution_Policies (我执行 vue -V 的时候,就报此错了):

vue : 无法加载文件 C:\...\npm\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go
.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
意思是:需要开启允许禁止脚本运行。

原因是: 首次在计算机上启动 Windows PowerShell 时,现用执行策略很可能是 Restricted(默认设置)。Restricted 策略不允许任何脚本运行。

解决方案:搜索 Windows powershell 以管理员身份运行:

第一步:“win + R” 键,输入 powershell,然后回车——打开PowerShell(管理员)。

第二步:执行命令:

Set-ExecutionPolicy RemoteSigned   //设置为打开
第三步:输入  Y 或 A ——同意或完全同意。

还是报错……

第四步:执行以下命令

Set-ExecutionPolicy RemoteSigned -Scope Process
然后, 输入  Y 或 A。

成功执行了。

第五步:测试是否成功设置了 Set-ExecutionPolicy RemoteSigned,执行下面的命令

get-executionpolicy
若出现 RemoteSigned 表示成功了。

但是,但是,但是,执行 vue -V 还是报错,啷个办?!

到路径 C:\Users\你的用户名\AppData\Roaming\npm,把vue.ps1文件删了,终于好了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值