Vue 进阶(幺伍捌):vue 组包 CssSyntaxError unclosed bracket 错误解决方法
一、前言
在Vue
项目npm run build
过程中,突然爆出CssSyntaxError unclosed bracket
的错误提示,一脸懵,好好的项目怎么突然就出幺蛾子了呢?
奇怪的是项目执行npm run dev
命令时,可正常运行,而pro
版本跟dev
的版本中差了一个optimize-css-assets-webpack-plugin
这个文件的引用,所以在webpack.prod.conf.js
中找到该文件引用处:
复制代码
首先将上述组件引用注释掉,然后执行npm run build
,build
成功,随后就很简单了,就是去看一下build
好的dist
文件里面的app....css
,然后继续去搜索"//",这样子的工作量就少了很多,找到相应的注释代码,然后删掉不合理的注释代码。
最后就是把webpack.prod.conf.js
中注释掉的内容恢复,然后重新build
一下,问题解决。
二、拓展阅读
三、延伸阅读
3.1 问题描述
在使用el-table
表格时,有时会用到show-overflow-tooltip
属性,即当单元格内容不能完全显示时显示tooltip
文字提示,并且单元格里的内容显示省略号。但是在 ie 浏览器中有时单元格里的内容过长并且显示了省略号,但是鼠标滑上却不显示tooltip
。
3.2 问题分析
这是因为单元格的padding-right
影响到的,在css
样式中添加以下代码即可:
复制代码
3.3 拓展阅读
版权声明: 本文为 InfoQ 作者【No Silver Bullet】的原创文章。
原文链接:【http://xie.infoq.cn/article/a3b43cb869fe45da9a13103c6】。文章转载请联系作者。
评论