vuecli4以上版本关于Warning in ./src/plugins/element.js “错误

152 阅读1分钟

今天创建一个Vue3项目,运行时报错

image.png 根据错误,我找到了 src -> plugins -> elments.js

对比 Vue2 和 Vue 3 main.js 发现 (1)Vue2 -> main.js

import Vue from "vue";
import App from './App.vue';
import router from "./router";
new Vue({
  router,
  render: h => h(App)
}).$mount("#app");

(2)Vue3 -> main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import './plugins/element.js'

createApp(App).use(router).mount('#app')

那么,我们同样去对比Vue2 和 Vue3 的src -> plugins -> elments.js (1) Vue2

import Vue from 'vue'
import { Button } from 'element-ui'

Vue.use(Button)

(2) Vue3

import { createApp } from 'vue'
import { Button } from 'element-ui'

createApp().use(Button)

效果:

image.png