遇见问题

最近在看vue2,一切学习的非常正常,就在今天上午以为碰到了一个小问题。没想到把我这个小白困扰了一上午。起因还要从配置vue-resource插件说起,在安装vue-resource的时候直接在网上找了一条命令(不知道哪个杀千刀的)竟然把命令写成了npm i vue vue-resource --save-dev我是真的不知道他为什么这样写,本来是为了方便,去网上找一条安装命令结果他把我的vue版本进行了更新,我原来的版本是vue2,他进行了更新,没有写版本显然是最新版,但是对于我这样的小白怎么能够发现呢?发现报错就去网上找答案,网上很多说是脚手架与vue不匹配,我以为是低版本的vue配上了高版本的脚手架,因为使用vue -V看到的是5.0.0(主要当时没有多想,以为脚手架版本太高就按部就班卸载重安)反复了好多次依旧不见好。还是报export' default' (imported as ' Vue') was not found in' vue
在这里插入图片描述

探索原因

经过一番折腾我人已经麻了,在一且操作无望的时候,我在package.json中发现了猫腻:(原来vue版本我一直没有动过,我只是在对脚手架进行卸载安装卸载安装,版本高的不是脚手架,而是vue。。。。。。笑死我了,vue版本号藏在下图位置)于是我卸载vuenpm uninstall vue ,并重装npm install vue@2之后一切正常了
在这里插入图片描述

解决方案

本质vue-cli(vue脚手架)要与vue版本相对应,不对应就可能产生上述问题,有了上面的问题就需要卸载重装


xxx为相应的名称

卸载

npm uninstall xxx

    
    
  • 1

重装

npm install xxx

    
    
  • 1

vue版本查看方式

在这里插入图片描述

vue脚手架版本查看方式

vue -V

    
    
  • 1

在这里插入图片描述


虽然问题解决了,但还是想问候一下分享错误命令的人^_^

文章知识点与官方知识档案匹配,可进一步学习相关知识
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐