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

在这里插入图片描述
在这里插入图片描述

问题原因
今天在学习vue的过程中遇到一个这样的问题,在利用事件总线的时候出现上图的错误,经过百度,最终找到问题的原因就是版本的问题,我是安装了最新的vuecli,版本大概是4.5.4,我最开始安装vuecli没有指定版本
cli4中main.js中引用文件是下图
import {createApp} from 'vue’的格式引用的
在这里插入图片描述
而cli3中是用import Vue from 'vue’来引用的
在这里插入图片描述
其实就是引用的区别,因为我对cli4不是很了解,所以对于上面出现的错误采用以下的解决方案
解决方法

  1. 我们将我们cli4先卸载

    npm uninstall -g @vue/cli

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

npm install -g @vue/cli@3.0.4

3.我们还需要去删除一个.vuerc文件,这个文件保存了你上一个版本的一些信息.如果你没有删除,当你运行项目的时候他会报错。这个文件一般在用户下,我们将文件搜索出来,删除就行了

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐