node-sass 编译 SASS 文件时卡住无响应该如何解决?
node-sass 编译无响应修复方案
- 优先替换已停止维护的node-sass为官方推荐的dart-sass,前者存在严重的Node版本兼容问题,是编译卡死最常见的诱因,执行以下命令完成替换:
npm uninstall node-sass && npm install sass --save-dev
替换完成后修改package.json中的编译脚本为:"compile:scss": "sass sass/main.scss css/style.css -w" - 排查SASS文件中的循环导入问题,若存在A文件导入B文件、B文件又导入A文件的循环
@import逻辑,会让编译器进入死循环导致无响应,逐一检查所有导入语句即可排除。 - 确认路径配置无误,若
sass/main.scss源文件不存在、或输出文件对应的css目录未提前创建,部分版本的node-sass不会抛出明确报错,会直接进入无响应状态,确认路径正确的前提下可手动创建css目录后再执行编译命令。 - Windows系统用户需提前安装C++编译依赖,执行以下命令即可完成安装:
npm install --global windows-build-tools
内容的提问来源于stack exchange,提问作者nightmxre
相关产品推荐
相关产品推荐

