[JavaScript知识库]运行vue项目：警告提示 “export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘

问题：

运行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文件，这个文件保存了你上一个版本的一些信息.如果你没有删除，当你运行项目的时候他会报错。这个文件的位置一般在用户下，可以自己搜一下去哪删。