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