侧边栏壁纸
博主头像
分享你我博主等级

行动起来,活在当下

  • 累计撰写 106 篇文章
  • 累计创建 13 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

VUE 引入element ui 样式不生效解决

管理员
2020-10-10 / 0 评论 / 0 点赞 / 1 阅读 / 1630 字

已经按官网指示并完成如下引用:

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下载地址


安装好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

0

评论区