老项目CSS样式失效?调整css插件版本解决
我这个项目是2021年创建的,中间几年没用过,现在又是用的新电脑,安装的nodejs版本是最新,所以刚开始运行各种报错。
后面报错都处理好了,也正常启动了,打开网页显示不正常,所有的css样式都不生效,只有html布局显示出来了。控制台也没有任何报错。处理了好几天,差点崩溃,后面就是看项目中用到了那些css插件,调整各个css插件的版本,然后就解决了。
可以确定这个问题是css各个插件版本不兼容问题导致的。
以下是我主要调整版本的几个css插件:
postcss
postcss-loader
node-sass
sass-loader
vue-loader
我用的包管理工具是pnpm,如果你们的也是老项目,可以参考一下版本,文章顶部可以下载pnpm-lock.yaml文件