1.Vue 的样式被自己写的样式覆盖了，所以需要调整下引入样式的顺序，具体如下图所示：2.Path路径问题导...
然后打包,页面就不再是一片空白了。 但是有出现了新的问题,发现部分Element UI 样式失效,如下图,icon变成方框了 解决办法:在build文件夹下找到utils.js,加上一行publicPath:'../../' 然后再打包,打开index.html文件就能看到图标正常显示啦。
第一种情况属于样式没导入成功，解决方案：debug方式排查样式导入链路和路径是否正确 第二种情况输入样式被...
Vue+elementUI搭建项目npm run build打包后字体图标丢失,报错如下: 解决办法: webpack utils.js 修改:(build目录下utils.js) 添加publicPath: '../../' if(options.extract) {returnExtractTextPlugin.extract({ use:loaders, fallback:'vue-style-loader', publicPath:'../../'}) }else{return['vue-style...
element-ui升级到最新版本,打包之后图标不显示,如下图 如何修改 webpack utils.js 修改:(build目录下utils.js) 添加publicPath: '../../' if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', ...
自己搭建的Vue项目,没有使用vue-cli,引入elementUI时,使用的是webpack直接打包工具,发现字体图标丢失你 记录一下解决办法: webpack module配置:(build目录下webpack.base.conf.js文件) { test:/\.(woff2?|eot|ttf|otf)(\?.*)?$/, loader:'url-loader', ...
使用element框架的icon时候,开发环境下是没有问题的,打包完以后出现小方块,页面不显示小图标。 解决方法: 找到config里面的index.js,修改为 asset...
这样修改之后样式问题就解决了,打包后的版本与开发版本显示一样。 补充知识:element-ui打包的坑爹之处 !!!必看三遍!!! 最近笔者打包element-ui出现如下问题: ERROR in static/js/0.4cad92088cb8dc6e7afd.js from UglifyJs Unexpected token: punc (() [./~/_element-ui@1.4.10@element-ui/packages/row/sr...
1:可能是因为引入了第三方font-icon文件出现了代码冲突; 2:在config文件中index.js中在build下打包的路径修改, 3:build文件下utils.js下,