Vue中使用Element-ui样式失效

Question

1.main.js中的配置如下：

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);

new Vue({
    el: '#app',
    render: h => h(App)
});

没有报错，在子组件中随便引入一个button按钮的代码

<el-button type="primary">主要按钮</el-button>

样式不起作用

请问是怎么肥四o(╥﹏╥)o
补充：

Answer 1

vue.config.js配置文件里css的requireModuleExtension: 改为true

Answer 2

打开element ui依赖 node_modules\element-ui\lib目录， 看看css是在theme-default  还是在theme-chalk
的目录下面 莫慌~~

不会看的话 你把theme-chalk 这个 改为theme-default 先试试  

Answer 3

先看看你控制台有没有报什么错

Answer 4

❗️需要注意，如果 vue-cli 版本大于 3，可以尝试使用 vue add element 方式来下载。 文档地址：https://github.com/ElementUI/...

Answer 5

我也碰到了这个问题，而且network里也请求到了index。css，就是样式无用