export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue

export ‘default’ (imported as ‘Vue’) was not found in 'vue

问题原因

我是安装了最新的vuecli,版本大概是4.5.4,我最开始安装vuecli没有指定版本
下面是我出问题的代码,其实就是自己不会用vuecli4。

npm install -g @vue/cli

我们回到创建了的项目代码中的main.js,我们看到

import {createApp} from 'vue';
import App from './App.vue'
import router from './router'

createApp(App).use(router).mount('#app')

如果我们把

import {createApp} from 'vue';

换成

import Vue from 'vue'

当你npm run serve就会出现错误。
这其实是用法的改变,我也不会使用ceateApp。所以我就改变vuecli版本,我回到了3.0.4

解决方法

1、先卸载原先的版本

npm uninstall -g @vue/cli

2、安装指定版本(你安装其他版本也可以,但是要能支持这样导入import Vue from ‘vue’)

npm install -g @vue/cli@3.0.4

3、创建项目的方式和vuecli4几乎没差别
4、我们还需要去删除一个.vuerc文件,这个文件保存了你上一个版本的一些信息.如果你没有删除,当你运行项目的时候他会报错。这个文件的位置一般在用户下,可以自己搜一下去哪删。

本人小白一个,这个问题也是我在学习中碰到的。如果能有效的解你的问题或让你了解问题原因,可以评论一下让他人知道这个方法有效。

  • 31
    点赞
  • 58
    收藏
    觉得还不错? 一键收藏
  • 27
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值