项目场景:
引入element-ui样式无效
问题描述:
可能性1:vue.config.js中替代了过时的css.modules为css.requireModuleExtension
module.exports = {
...
css: {
requireModuleExtension: false
}
...
}
可能性2:引入样式无效
import 'element-ui/lib/theme-default/index.css'
原因分析:
可能性1:从 v4 起已弃用,请使用css.requireModuleExtension。 在 v3 中,这个选项含义与 css.requireModuleExtension 相反。
可能性2:新版element-ui已经修改css文件夹名字
解决方案:
可能性1:将css.requireModuleExtension设置为true;
具体内容查看:vue.config.js配置参考。
可能性2:将引入地址修改成:
import 'element-ui/lib/theme-chalk/index.css'