问题:

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

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐