问题:
运行vue项目时,警告提示"export ‘default’ (imported as ‘Vue’) was not found in ‘vue’
在main.js中
在路由文件下的index.js中
原因:
安装的vue-cli为v4以上的版本,其不包含全局的 Vue,Vue 被 createApp函数代替
解决方案:
在main.js中
import { createApp } from 'vue' // 代替 import Vue from 'vue'
import App from './App'
import router from './router'
// import store from './store'
import Element from 'element-ui'
// Vue.use(Element)
createApp(App).use(Element)
// Vue.config.productionTip = false
createApp(App).config.productionTip = false
/* new Vue({
el: '#app',
router,
// store,
render: h => h(App)
}) */
createApp(App).use(router)
// createApp(App).use(router).use(store)
在 ./src/router/index.js 中
// import Vue from 'vue'
import { createApp } from 'vue'
import Router from 'vue-router'
// 启动全局组件路由,vue-router才开始执行
// Vue.use(Router)
createApp().use(Router)
扩展
除此之外,你还可以把vue-cli的版本指定到v4以下,不过需要你自己重构一下项目。
-
先卸载当前的版本
npm uninstall -g @vue/cli
-
安装指定的版本(能支持 import Vue from 'vue’这样的导入)
npm install -g @vue/cli@x.x.x
-
还需要去删除一个.vuerc文件,这个文件保存了你上一个版本的一些信息.如果你没有删除,当你运行项目的时候他会报错。这个文件的位置一般在用户下,可以自己搜一下去哪删。