【记一次大无无无语事件】export‘ default‘ (imported as ‘ Vue‘) was not found in‘ vue
2023-09-27 14:20:14 时间
遇见问题
最近在看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
重装
npm install xxx
vue版本查看方式
vue脚手架版本查看方式
vue -V
虽然问题解决了,但还是想问候一下分享错误命令的人^_^
相关文章
- Vue 嵌套路由、路由守卫
- Vue 向组件中插入内容
- vue 动态绑定change事件
- vue+iview tables多个分页实现
- Vue - 引入集成 Tinymce 富文本编辑器(详细步骤及运行Demo),在 Vue.js 项目中使用富文本插件详细教程,附带超级详细的注释说明
- Vue事件修饰符
- Vue + Flask 实现单页面应用
- [转]Vue中用props给data赋初始值遇到的问题解决
- vue.js-详解三大流行框架VUE_快速进阶前端大咖-Vue基础
- Vue绑定事件,双向数据绑定,只是循环没那么简单
- Vue源码探究-事件系统
- VUE input focus事件阻止冒泡 阻止父元素事件触发
- vue中bus.$on事件被多次绑定
- vue从入门到进阶:指令与事件(二)
- vue组件传值的方法有哪些
- Vue--名称案例,监听键盘事件@keyup--实时获取数据-----watch属性方法获取
- vue项目中使用了vw适配方案,引入第三方ui框架mint-ui时,适配问题解决
- i18n在vue项目中使用
- 深入理解Vue父子组件通讯的属性和事件
- vue基础(三)
- vue前台(三)采用申明式导航去点击连接到其他组件(采用事件委派方式)
- Vue学习第16天——全局事件总线$bus的理解
- Vue学习第14天——vue自定义事件及详细代码演示
- Vue开发实例(04)之更换项目入口
- vue a标签使用@click
- Vue事件总线