node sass编译报错 记录

很久之前得一个项目,久到遗忘了发版方式(源码和打包代码分离了之后发版的,嵌套在另一个项目内)。。。最近加了一个需求,不得不重新来触碰它。

找到代码,修改、编译。。。发现控制台报出了一大堆错误,找到核心错误如下:

Missing binding E:\app_project\node_modules\node-sass\vendor\win32-x64-64\binding.node
Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 10.x

原来是 sass 找不到绑定的nodojs版本了, 思考一番,想起不久前重装过系统,所有环境都重新搭建过,node也不例外的重新安装过, 看来问题在此。

找到问题就好解决了, 在项目内打开命令行界面,运行以下代码:

npm rebuild node-sass

完成之后,更新一下npm:

npm update

重新编译 问题解决!

参考:https://blog.youkuaiyun.com/moxiaoya1314/article/details/79266086

### 如何在 Node.js v12 环境下安装 node-sass 为了成功在 Node.js v12 环境下安装 `node-sass` 库,以下是详细的指南: #### 1. 验证当前环境配置 确保已正确安装并设置好 Node.js 版本。可以通过以下命令验证: ```bash node -v ``` 如果显示的版本不是 v12.x,则需要调整 Node.js 到目标版本。推荐使用 **nvm (Node Version Manager)** 来管理多个 Node.js 版本。 通过 nvm 安装指定版本的 Node.js 并切换至该版本: ```bash nvm install 12 nvm use 12 ``` 确认当前使用的 Node.js 是 v12 后,继续下一步操作[^1]。 --- #### 2. 清理旧版依赖项 为了避免潜在冲突,在执行新安装前清理项目中的缓存和旧依赖项: ```bash rm -rf node_modules package-lock.json yarn.lock ``` 此步骤有助于移除可能存在的不兼容模块或锁文件记录[^3]。 --- #### 3. 查找适配的 node-sass 版本 不同版本的 `node-sass` 支持特定范围内的 Node.js 版本。对于 Node.js v12,建议选择如下版本之一: - `node-sass@4.14.x`: 这一版本被广泛测试并与 Node.js v12 具有良好的兼容性[^1]。 可通过官方文档进一步核实支持矩阵:https://github.com/sass/node-sass#node-version-support-policy。 --- #### 4. 显式安装匹配版本 在项目的根目录下显式安装所需的 `node-sass` 版本: ```bash npm install node-sass@4.14.1 --save-dev ``` 完成安装后,可运行以下命令验证是否正常工作: ```bash npm rebuild node-sass ``` 这一步会重新编译本地绑定以适应当前操作系统环境。 --- #### 5. 测试安装效果 最后,尝试构建项目或者运行脚本来检验 `node-sass` 是否能够正常使用。例如: ```javascript const sass = require('node-sass'); console.log(sass.info); ``` 如果输出了有关 `node-sass` 的版本信息而未报错,则说明安装成功[^2]。 --- ### 注意事项 - 如果仍然遇到错误提示(如二进制缺失),可能是由于 Python 或者 Build Tools 缺失所致。Windows 用户需先安装 Visual Studio C++ 工具集;Linux 和 macOS 用户则要确保开发工具链完备。 - 当频繁更换 Node.js 主版本时,务必同步更新相关原生扩展包(像 `node-sass`, `sharp` 等)以防发生 ABI 不一致问题。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

caperxi

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值