vue-cli4.0引入elementui报错？

Question

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';


createApp(App).use(store).use(router).use(ElementUI).mount('#app')
按照elementui官网那么使用，在浏览器上报错？

dom.js?5924:19 Uncaught TypeError: Cannot read property 'prototype' of undefined
    at eval (dom.js?5924:19)
    at Object../node_modules/element-ui/lib/utils/dom.js (chunk-vendors.js:2606)
    at __webpack_require__ (app.js:849)
    at fn (app.js:151)
    at eval (popup-manager.js?4b26:9)
    at Object../node_modules/element-ui/lib/utils/popup/popup-manager.js (chunk-vendors.js:2654)
    at __webpack_require__ (app.js:849)
    at fn (app.js:151)
    at eval (index.js?5128:14)
    at Object../node_modules/element-ui/lib/utils/popup/index.js (chunk-vendors.js:2642)
eval @ dom.js?5924:19
./node_modules/element-ui/lib/utils/dom.js @ chunk-vendors.js:2606
__webpack_require__ @ app.js:849
fn @ app.js:151
eval @ popup-manager.js?4b26:9
./node_modules/element-ui/lib/utils/popup/popup-manager.js @ chunk-vendors.js:2654
__webpack_require__ @ app.js:849
fn @ app.js:151
eval @ index.js?5128:14
./node_modules/element-ui/lib/utils/popup/index.js @ chunk-vendors.js:2642
__webpack_require__ @ app.js:849
fn @ app.js:151
eval @ vue-popper.js?e974:9
./node_modules/element-ui/lib/utils/vue-popper.js @ chunk-vendors.js:2750
__webpack_require__ @ app.js:849
fn @ app.js:151
eval @ select.js?4e4b:207
__webpack_require__ @ select.js?4e4b:21
eval @ select.js?4e4b:1088
__webpack_require__ @ select.js?4e4b:21
eval @ select.js?4e4b:85
eval @ select.js?4e4b:88
./node_modules/element-ui/lib/select.js @ chunk-vendors.js:2455
__webpack_require__ @ app.js:849
fn @ app.js:151
eval @ element-ui.common.js?5c96:308
__webpack_require__ @ element-ui.common.js?5c96:21
eval @ element-ui.common.js?5c96:735
__webpack_require__ @ element-ui.common.js?5c96:21
eval @ element-ui.common.js?5c96:362
__webpack_require__ @ element-ui.common.js?5c96:21
eval @ element-ui.common.js?5c96:85
eval @ element-ui.common.js?5c96:88
./node_modules/element-ui/lib/element-ui.common.js @ chunk-vendors.js:2283
__webpack_require__ @ app.js:849
fn @ app.js:151
eval @ main.js:14
./src/main.js @ app.js:1043
__webpack_require__ @ app.js:849
fn @ app.js:151
1 @ app.js:1116
__webpack_require__ @ app.js:849
checkDeferredModules @ app.js:46
(anonymous) @ app.js:925
(anonymous) @ app.js:928
Show 15 more frames
localhost/:1 Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist.

不知道是什么原因造成的？

Answer 1

哪有vue4,是vue3吧

一般的库要兼容vue3都要重写，因为api变化太大

Element Plus - A Vue.js 3.0 UI library

Answer 2

vue都出4.0了？

Answer 3

尤雨溪：我npm账号被盗了

Answer 4

vue-cli4没有问题。这是指脚手架版本。目前vue-cli版本已经到4.5了。
element-ui有针对vue3.0的ui框架
element-plus
https://element-plus.gitee.io...
在 main.js 中写入以下内容

import { createApp } from 'vue'
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';
import App from './App.vue';

const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')