Cuando nos nos bajamos un proyecto node, en el que el directorio node_modules existe, es posible que al ejecutarlo nos de un error similar al siguiente:
webpack-cli --watch
webpack is watching the files…
Hash: 610f402250ccb84c716e
Version: webpack 4.41.5
Time: 6563ms
Built at: 02/29/2020 11:02:44 AM
Asset Size Chunks Chunk Names
reactApp.js 4.48 MiB main [emitted] main
Entrypoint main = reactApp.js
[./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/assets/scss/index.scss] 1.89 KiB {main} [built] [failed] [1 error]
[./node_modules/webpack/buildin/amd-define.js] (webpack)/buildin/amd-define.js 85 bytes {main} [built]
[./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 497 bytes {main} [built]
[./src/App.jsx] 3.62 KiB {main} [built]
[./src/Routes.js] 2.87 KiB {main} [built]
[./src/assets/scss/index.scss] 620 bytes {main} [built]
[./src/common/validators.js] 251 bytes {main} [built]
[./src/helpers/chartjs.js] 5.48 KiB {main} [built]
[./src/helpers/getInitials.js] 327 bytes {main} [built]
[./src/helpers/index.js] 568 bytes {main} [built]
[./src/index.js] 879 bytes {main} [built]
[./src/serviceWorker.js] 4.74 KiB {main} [built]
[./src/theme/index.js] 728 bytes {main} [built]
[react] external "React" 42 bytes {main} [built]
[react-dom] external "ReactDOM" 42 bytes {main} [built]
+ 930 hidden modules
ERROR in ./src/assets/scss/index.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/assets/scss/index.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Error: Missing binding /home/athos/Documents/donbackup/donBackupDesktop/reactApp/node_modules/node-sass/vendor/linux-x64-64/binding.node
Node Sass could not find a binding for your current environment: Linux 64-bit with Node.js 10.x
Found bindings for the following environments:
- Linux 64-bit with Node.js 11.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 (/home/athos/Documents/donbackup/donBackupDesktop/reactApp/node_modules/node-sass/lib/binding.js:15:13)
at Object.<anonymous> (/home/athos/Documents/donbackup/donBackupDesktop/reactApp/node_modules/node-sass/lib/index.js:14:35)
at Module._compile (/home/athos/Documents/donbackup/donBackupDesktop/reactApp/node_modules/webpack-cli/node_modules/v8-compile-cache/v8-compile-cache.js:192:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
at Module.load (internal/modules/cjs/loader.js:653:32)
at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
at Function.Module._load (internal/modules/cjs/loader.js:585:3)
at Module.require (internal/modules/cjs/loader.js:692:17)
at require (/home/athos/Documents/donbackup/donBackupDesktop/reactApp/node_modules/webpack-cli/node_modules/v8-compile-cache/v8-compile-cache.js:161:20)
at getDefaultSassImplementation (/home/athos/Documents/donbackup/donBackupDesktop/reactApp/node_modules/sass-loader/dist/getDefaultSassImplementation.js:24:10)
at getSassImplementation (/home/athos/Documents/donbackup/donBackupDesktop/reactApp/node_modules/sass-loader/dist/getSassImplementation.js:19:72)
at Object.loader (/home/athos/Documents/donbackup/donBackupDesktop/reactApp/node_modules/sass-loader/dist/index.js:40:61)
@ ./src/assets/scss/index.scss 2:26-142
@ ./src/App.jsx
@ ./src/index.js
Básicamente nos está diciendo, que cuando se instaló el paquete node-sass, la versión que tenía el sistema es la 11.x
Tenemos dos opciones, descargar la version de node 11.x (en linux podeís instalar la versión que queraís así)
La otra opción es recompilando el modulo node-sass con el siguiente comando:
npm rebuild node-sass --force