Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 12.x 2021

末蓝、 2022-10-13 02:58 30阅读 0赞

\[本文日期：2021年7月6日\]  
使用node 版本 12，  
node-sass 安装的版本是4.14.1,  
react版本为"react": “^17.0.2”,  
安装之后报错 Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 12.x

[node-sass地址][node-sass]https://github.com/sass/node-sass/releases  
[Node下载地址][Node]https://nodejs.org/zh-cn/download/releases/  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvbmdjaGVuZ18wMDE_size_16_color_FFFFFF_t_70]  
现在node-sass v6 支持node12以上版本，可以根据自己的环境安装，一般都不会报错，即使版本安装错了，报错也不用担心，总是会有解决的办法的

error  in ./node_modules/vue-loading-spinner/src/components/RotateSquare5.vue?vue&type=style&index=0&id=fa2cf838&lang=scss&scoped=true&
    
    Module build failed (from ./node_modules/sass-loader/lib/loader.js):
    Error: Missing binding /Users/xxx/node_modules/node-sass/vendor/darwin-x64-83/binding.node
    Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 12.x
    
    Found bindings for the following environments:
      - OS X 64-bit with Node.js 12.x
    
    This usually happens because your environment has changed since running `npm install`.
    Run `npm rebuild node-sass` to download the binding for your current environment.
        at module.exports (/Users/xxx/node_modules/node-sass/lib/binding.js:15:13)
        at Object.<anonymous> (/Users/xxx/node_modules/node-sass/lib/index.js:14:35)
        at Module._compile (internal/modules/cjs/loader.js:1063:30)
        at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
        at Module.load (internal/modules/cjs/loader.js:928:32)
        at Function.Module._load (internal/modules/cjs/loader.js:769:14)
        at Module.require (internal/modules/cjs/loader.js:952:19)
        at require (internal/modules/cjs/helpers.js:88:18)
        at Object.<anonymous> (/Users/xxx/node_modules/sass-loader/lib/loader.js:3:14)
        at Module._compile (internal/modules/cjs/loader.js:1063:30)
        at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
        at Module.load (internal/modules/cjs/loader.js:928:32)
        at Function.Module._load (internal/modules/cjs/loader.js:769:14)
        at Module.require (internal/modules/cjs/loader.js:952:19)
        at require (internal/modules/cjs/helpers.js:88:18)
        at loadLoader (/Users/xxx/node_modules/loader-runner/lib/loadLoader.js:18:17)

解决方法：

上面报错内容已提示，在终端输入

npm rebuild node-sass 
    //或
    npm i node-sass

下载 node-sass 后，重新运行即可

所以遇到报错不要慌，先看提示，如果实在搞不定直接上网查，总能找到解决方法的！

#### 安装node sass ####

执行命令`yarn add node-sass@4.14.1`或`npm install node-sass@4.14.1`安装完成后直接将css文件后缀改成scss即可。该版本针对低版本node环境，最新的node环境可以使用高版本或最新版的。

[node-sass]: https://github.com/sass/node-sass/releases
[Node]: https://nodejs.org/zh-cn/download/releases/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvbmdjaGVuZ18wMDE_size_16_color_FFFFFF_t_70]: /images/20221005/3ad0ca8251ce41b1bd7b7795c17a818a.png