当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 | cnpm install style-loader --save-dev
cnpm install css-loader --save-dev
cnpm install file-loader --save-dev
{
test: /\.css$/,
include: [?
/src/,
'/node_modules/element-ui/lib/'
],?
loader: 'style-loader!css-loader'
},（配置加上这个一般不会出错）
|
然后在 main.js 引入并注册
webpack1版本的
1 2 | test:/\.css$/,
loaders:['style','css']
|
原来vue模板只能有一个根对象
所以你想要出现正常的效果，你的用一个div来或是别的标签来包裹全部的元素
1 2 3 4 5 6 7 8 | <template>
<div>
<el-button type="primary">haha1</el-button>
<div>hahhaa</div>
<el-input type="text" placeholder="测试一下"></el-input>
<h1>{{test1}}</h1>
</div>
</template>
|
推荐：《css视频教程》
以上就是如何解决element ui css出错问题的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
css3中渐变属性有哪些
css columns属性怎么用
css怎么设置下边框
css都有哪些单位
纯css实现tab页切换效果
css有哪些优点
关于css中的类名问题的详细介绍
css实现简单的选项卡切换效果（附代码）
css怎么隐藏滚动条
css怎么超出宽度换行
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 如何解决element ui css出错问题
