问题描述:

 自己写了一个vue组件库,build打包并发布到私有库一起正常,神奇的是我在新启动一个项目之后,引入js,Vue.use(xx)也都是成功的,但是发现import ‘xxx.css’打包之后的style之后,编译竟然报错,报错信息如下:

BrowserslistError: Unknown browser query `dead`

报错指向的就是引入的css,直接进去查看css文件也没有发现什么其他的错误,就是不知道为什么出现这么神奇诡异的问题。

问题排查:
出现了这个问题显而易见的将组件库升级,重新使用gulp打包css,然后上传私有库,重新更改版本重新install还是这样,大写的崩溃,what the hell? 然后开始在网上找资料,不知道为什么全部的资料基本都是一样的,说是create-react-app之后产生的问题,在package.json中将browserslist删除就可以了,还有就是在browserslist中添加另一些数据

"browserslist": [
    "last 2 versions",
    "android 4",
    "opera 12"
]

尝试了之后,果断不行,还是报错,不仅解决不了现有问题,反而还导致了其他的vue文件报这个错,真的神奇的不行。另外,基本所有的百毒出来的结果都是这两种解决方式,哪怕倒是该点文案也行呀,一点都不改,都是黏贴复制出来的。

问题转机:

无奈之下,只能科学上网了,果然goog还是可以的呀,解决了我的问题,现在把解决方案已经引用原文贴出来;

{
  loader: 'css-loader',
  options: {
    minimize: false
  }
}

直接完美运行,神奇的不行,感谢goo,解决问题的原文链接是一个github的issue: https://github.com/browserslist/browserslist/issues/266

写在最后:

估计看到最后的应该不多,不过还是要安利一下goog,真的百毒搜索娱乐信息或者其他信息真的很专业,但是专业技术类型的却差一些,大部分都是重复信息,都是黏贴复制的,确实是这样的,如果可以的还是科学上网,技术文档还是goog更加靠谱些,虽然都是英文,但是确实是可以解决问题的。

Logo

前往低代码交流专区

更多推荐