Vue开发项目中遇到的问题

问题一

一、使用Vue脚手架创建项目时:ERROR Failed to get response from https://registry.npmjs.org/vue-cli-version-marker

Vue CLI v4.5.8
✨  Creating project in F:\Vue项目\vue的b站教程\vuejs资料和代码\Day 09\课堂代码\LearnVuejs09\exermall.
⚙️  Installing CLI plugins. This might take a while...

npm ERR! Unexpected end of JSON input while parsing near '...1\nNEKLkDOnmTxsFd/3rV'

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2020-11-13T12_45_04_295Z-debug.log
 ERROR  command failed: npm install --loglevel error

F:\Vue项目\vue的b站教程\vuejs资料和代码\Day 09\课堂代码\LearnVuejs09>vue create exermall
 ERROR  Failed to get response from https://registry.npmjs.org/vue-cli-version-marker
  • 方法:vue create exermall -r https://registry.npm.taobao.org

我使用无效但是可以尝试的方法

①强制清除缓存 npm cache clean --force 后再创建项目
②修改系统盘的配置:
将这个文件C:\Users\Administrator.vuerc的 “useTaobaoRegistry” 改为false,

二、npm run serve的时候只能加载到98%就卡住

在这里插入图片描述

  • 原因:因为代码中有一个import导入的地方为空
  • 解决办法:完善代码即可

三、突然报错,缺少某个核心

在这里插入图片描述

  • 原因:使用快捷键,vscode自动添加了导入语句,导致编译找不到对应的依赖
  • 解决方法:删除因使用快捷键造成的多余引用
  • 在这里插入图片描述

四、运行项目后提示C:\Users\Administrator\AppData\Roaming\npm-cache_logs\2020-11-28T10_25_45_847Z-debug.log

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! mysupermall@0.1.0 serve: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the mysupermall@0.1.0 serve script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2020-11-28T10_25_45_847Z-debug.log**
  • 原因分析:项目的相关配置重复了,网上查答案,清理缓存没用;卸载安装包后直接运行项目也会造成此问题(卸载eslint)。
  • 解决方法:
    1、运行项目的时候不要打开其他项目文件;
    2、查找重复的配置,一般是webpack的配置和node_modules里面的配置有重复;
    3、重新安装之前卸载的包。

五、创建项目出现:ERROR Failed to get response from http://registry.npmjs.org/vue-cli-version-marker

F:\Vue项目-饿了么>vue create vue-elmmall
 ERROR  Failed to get response from http://registry.npmjs.org/vue-cli-version-marker

Vue CLI v4.5.8
Failed to check for updates
  • 原因分析:应该和使用淘宝镜像安装npm有关,具体原因待解决
  • 解决方法:使用问题一的命令可解决。

六、安装相关包卡了,使用git的一些指令,重新安装后出现的问题:

F:\Vue项目-饿了么\elmshop>vue add cube-ui

�  Installing vue-cli-plugin-cube-ui...

npm ERR! Unexpected end of JSON input while parsing near '...ugin","version":"0.2.'

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2020-12-09T15_11_25_461Z-debug.log
 ERROR  command failed: npm install --loglevel error vue-cli-plugin-cube-ui -D
  • 解决方法:使用问题一的方法解决了。
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值