解决vue2中使用elementUi打包报错的问题

<强> bug1。找不到element-ui/lib/theme-default index.css

修改路径为element-ui/lib/theme-chalk index.css

原因:elementUi升级时遗留bug

<强> bug2:静态误差/js/app.77ab8a3664d32f2b9c76。js从UglifyJs

　　

意想不到的令牌:操作符(在)[。/~/element-ui/src/混合/emitter.js: 2 0][资产/js/0.498 ce690b229694d8858.js: 3947年,32岁的

　　 　　

打开建目录下webpack.base.conf.js文件

　　

添加 　　 　　 　　{ 　　测试:/\ . js/我美元, 　　装载机:“babel-loader”, 　　包括:[ 　　解决(“src”), 　　解决(“测试”), 　　解决(“node_modules/element-ui/src/mixin/emitter.js '), 　　), 　　}, 　　 　　

若重复盖不断有类似错误,添加

　　 　　 　　测试:/\ . js/我美元, 　　装载机:“babel-loader”, 　　包括:[ 　　解决(“src”), 　　解决(“测试”), 　　解决(“node_modules/element-ui/src”), 　　解决(node_modules/element-ui/包) 　　), 　　}, 　　 　　

<强> vue脚手架加载element-ui报错的解决方法

　　

引入导入“element-ui/lib/theme-chalk指数。css的后

　　

　　

1, cnpm安装css-loader style-loader file-loader - d

　　

2,在webpack.config.js中增加一行规则

　　

　　

{测试:/\。(测试结束woff | | ttf)/美元,装载机:“file-loader”}

　　 　　

3, npm运行dev

　　

注意:{测试:/\。css/美元,装载机:“style-loader !css-loader’}这一行不必添加,我加上这一行后反而运行错误,这样写也不行{测试:/\。css/美元,装载机:“css样式!”}

　　

以上这篇解决vue2中使用elementUi打包报错的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

解决vue2中使用elementUi打包报错的问题