0
点赞
收藏
分享

微信扫一扫

关于 Node、node-sass 版本不匹配导致的 Vue 项目装包报错的问题



前几天想把一个老古董的 Vue 项目拿出来跑一下,结果在第一步的​​npm install​​的时候就卡住了,一直安装不上,今天正好有时间,研究了一下,发现是 node 版本和 node-sass 版本不匹配导致的。


Error

​npm install​​时的报错:

关于 Node、node-sass 版本不匹配导致的 Vue 项目装包报错的问题_sass

大概就是一直卡在这,然后过一会就会报错。

Analysis

既然是​​npm install​​​的时候报错,初步猜测就是包版本不匹配的问题,但是这个项目依赖了十几个包,没法确定是哪个包版本不匹配导致的问题,所以采取逐步安装法,不一下全部​​npm install​​,而是一个一个包的安装。

"dependencies": {
"@antv/data-set": "^0.11.7",
"@antv/g2": "^3.5.1",
"@antv/g6": "^3.8.3",
"ant-design-vue": "^1.7.2",
"axios": "^0.21.0",
"core-js": "^3.6.4",
"element-ui": "^2.14.1",
"node-sass": "^5.0.0",
"sass": "^1.26.9",
"sass-loader": "^10.1.0",
"vue": "^2.6.11",
"vue-contextmenujs": "^1.3.13",
"vuex": "^3.5.1"
}

这几个包一个一个安装还是挺快的,前面几个都很顺利,几分钟就安装完了,安装到​​node-sass​​的时候报错,并且剩下的几个也没问题,so,bug定位完毕!

所以推测是​​node-sass​​​的版本跟Node的版本不匹配,看了一下,我的 node 版本:v16.13.1,npm 版本:8.1.2,然后百度一下,果然不止我一个人遇到这个问题,找到​​node-sass的GitHub​​​,果然有Node版本和​​node-sass​​​的对应表,so,升级一下​​node-sass​​的版本就OK了。

关于 Node、node-sass 版本不匹配导致的 Vue 项目装包报错的问题_vue.js_02



举报

相关推荐

0 条评论