vuecli4关于Warning in ./src/plugins/element.js "export ‘default’ (imported as ‘Vue’) was not found in ‘vue’
今天把vue更新到4版本之后,使用element-ui时出现了这样的问题
- 旧版vue的element.js里面是这样写的
import Vue from 'vue'
import { Button } from 'element-ui'
Vue.use(Button)
- 更新之后改成这样
import { createApp } from 'vue'
import { Button } from 'element-ui'
createApp().use(Button)
运行就没有warning了
把代码改成这样是因为我发现vuecli4版本的main.js代码有点变化
(1)原本代码是这样的
import Vue from "vue";
import App from './App.vue';
import router from "./router";
new Vue({
router,
render: h => h(App)
}).$mount("#app");
(2)更新后的代码是这样的
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import './plugins/element.js'
createApp(App).use(router).mount('#app')
所以就仿照修改后的代码格式,对element.js进行了修改