WSL Ubuntu 20.04使用npm sass包编译代码报LoadError如何解决？

你当前运行的sass命令并非你预期安装的npm版本sass，而是Ubuntu 20.04系统源默认预装的Ruby版本Sass，该版本已停止官方维护，且缺失文件监听功能所需的sass-listen依赖，因此触发加载错误。

• 先卸载系统自带的Ruby版Sass，避免命令优先级冲突：

sudo apt remove --purge ruby-sass -y

• 验证npm版sass是否正常生效，执行以下命令查看版本：

sass --version

如果返回1.x.x格式的版本号，说明dart-sass（npm维护的官方Sass版本）已正常识别；如果提示命令不存在，执行全局安装即可：

npm install -g sass

• 重新执行你的原有编译命令即可正常运行：

sass --trace --watch /sass/main.sass:/css/main.css --style=compressed

替代方案（不卸载系统Ruby版Sass） #

如果你需要保留系统的Ruby版Sass，可以直接调用npm版sass的绝对路径，或者在项目目录下使用npx调用本地安装的sass：

npx sass --trace --watch /sass/main.sass:/css/main.css --style=compressed

内容的提问来源于stack exchange，提问作者franklin