碰到项目和子依赖的element-ui版本不一致

207 阅读1分钟

问题

项目打包的时候一直这种报错,一直没有管,今天刚好有时间看了下,是项目中使用的dart-sass,不推荐使用图片中的用法了

error-info.png

这些书写样式是element-ui项目中的scss样式,经过查询element-ui在2.15.7版本支持dart-sass了,但是因为兼容性问题在2.15.8版本又回滚了,如下图所示

replace.png

回滚.png

解决版本

因此项目先更新到2.15.7版本就可以了,等后续处理这个问题后在更新,但是又发现,项目子依赖,也会依赖element-ui,且版本为2.15.9,两个版本不一致,导致没办法解决又陷入困境,最后百度得知,可以设置项目某个依赖统一版本,在package文件scripts同级下新建resolutions配置

"resolutions": {
    "**/element-ui": "2.15.7"
  },

20221012172921.png

使用yarn install更新依赖后(npm不知道能不能支持没有试),版本就都是2.15.7了,这样编译也不会报错警告了

参考文章:怎样固定依赖的依赖的依赖的版本 - 码农教程 (manongjc.com)