基础学习: node-sass 相关问题
node-sass sass-loader版本对应问题
node 与 node-sass 对应
版本不对应，可能安装有问题。
| NodeJS | Supported node-sass version | Node Module(NODE_MODULE_VERSION) |
|---|
| Node 20 | 9.0+ | 115 |
| Node 19 | 8.0+ | 111 |
| Node 18 | 8.0+ | 108 |
| Node 17 | 7.0+, <8.0 | 102 |
| Node 16 | 6.0+ | 93 |
| Node 15 | 5.0+, <7.0 | 88 |
| Node 14 | 4.14+, <9.0 | 83 |
| Node 13 | 4.13+, <5.0 | 79 |
| Node 12 | 4.12+, <8.0 | 72 |
| Node 11 | 4.10+, <5.0 | 67 |
| Node 10 | 4.9+, <6.0 | 64 |
| Node 8 | 4.5.3+, <5.0 | 57 |
| Node <8 | <5.0 | <57 |
node-sass/binding.node
dart-sass 与 node 版本
| node 版本 | sass-loader + sass |
|---|
| 10 | {
"devDependencies": {
"sass-loader": "^7.2.0",
"sass": "^1.22.10"
}
}
|
其它
确保你的 webpack 版本与 sass-loader 版本兼容。如果你的 webpack 版本太旧，可能不支持新版 sass-loader 的某些特性。
如果你正在使用 webpack 4，请确保安装了 sass-loader 的相应版本，即 7.x 或更低版本，因为 webpack 4 不兼容 sass-loader 的 8.x 版本。
如果你正在使用 webpack 5，那么应该安装 sass-loader 的 9.x 版本，因为这个版本支持 webpack 5。
确保 sass-loader 的依赖在 package.json 文件中是正确安装的，并且没有版本冲突。
检查 webpack 配置文件中的 sass-loader 配置。确保没有语法错误，比如错误的缩进、不正确的选项传递等。
如果你是通过命令行安装的，请尝试清除 node_modules 目录和 package-lock.json 文件（或 yarn.lock 如果你使用 yarn），然后重新运行安装命令。
如果以上步骤都不能解决问题，可以尝试删除 node_modules 目录和 package-lock.json 文件（或 yarn.lock），然后更新 npm 到最新版本或者更换 npm 为 yarn 进行安装。
作者：serendipity_tang
链接：https://juejin.cn/post/7397286692090658825
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。