VUE 引入element ui 樣式不生效解決


已經按官網指示並完成如下引用:

import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import App from './App.vue'; Vue.use(ElementUI);

此時運行使用elmentUi任何標簽都沒有樣式

vue cli(小手架)v3.x~v4.x

分析原因可能是由nodeJs的版本引起的,因為每個NodeJs版本都有對應的npm 版本

image.png

所以導致使用 

npm i element-ui -S

安裝不能完整下載引起的問題所在

因此使用

Node.js 12.13.0可以解決或者Node.js 12.13.1

Node.js 12.13.0 Node.js 12.13.0下載地址

Node.js 12.13.1Node.js 12.13.1下載地址

 轉載於:https://www.javalc.com/post/23.html

安裝好Node.js 12.13.0或者Node.js 12.13.1

刪除原來的cli小手架

npm uninstall -g @vue/cli

再安裝小手架

npm install -g @vue/cli

去項目里面刪除原有的element

npm uninstall element-ui -D

重新安裝element ui

npm i element-ui -S

如果還不行請查看web.config.js是否配了如下東西

image.png

 轉載於:https://www.javalc.com/post/23.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM