vue引入element-ui之后,頁(yè)面是空白的

vue引入element-ui之后，頁(yè)面是空白的，原因是vue是vue3的版本，然后引入格式用的是vue2的，所以會(huì)頁(yè)面是空白的。

1、確定項(xiàng)目是vue幾

1、打開(kāi)package.json里面的dependencies有

2、vue2引入element-ui的方法

使用npm安裝element-ui

npm i element-ui --save

然后main.js里引入

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

然后vue使用

Vue.use(ElementUI)

然后vue文件里就可以使用element-ui組件了

3、vue3引入element-ui的方法

使用npm安裝element-plus

npm install element-plus --save

然后main.js里引入

import ElementPlus from 'element-plus';
import 'element-plus/theme-chalk/index.css';

index.css的文件位置根據(jù)實(shí)際情況寫，也有可能是

import 'element-plus/lib/theme-chalk/index.css'

然后vue使用

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

然后就可以在需要的vue文件里使用element-ui了，

vue項(xiàng)目頁(yè)面空白的幾個(gè)原因及解決

Vue引入element-ui報(bào)錯(cuò)：Uncaught TypeError: Cannot read property ‘prototype‘ of undefined

背景

使用vue3.0引入element-ui

第一步

npm i element-ui -S

第二步 在main.js 配置如下:

import ElementUI from "element-ui";
import "element-plus/lib/theme-chalk/index.css";
Vue.use(ElementUI)

配置無(wú)誤、代碼未報(bào)錯(cuò)，運(yùn)行時(shí)頁(yè)面空白，F(xiàn)12控制臺(tái)報(bào)錯(cuò)：

Uncaught TypeError: Cannot read property ‘prototype’ of undefined

錯(cuò)誤原因：引入element-ui方式錯(cuò)誤（vue3.0的坑），正確如下：

第一步

npm install element-plus --save

第二步 配置main.js

import ElementUI from "element-plus";
import "element-plus/lib/theme-chalk/index.css"
Vue.use(ElementUI)

注意哦?。?！ 是element-plus

總結(jié)

重新啟動(dòng)，解決！

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。