After playing around with nodeJs I have come back to my Craft CMS websites to work on other projects.
On executing “gulp dev”, I was met by this error
Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (93)
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v4.14.1
at module.exports (/Users/michaelbutler/Sites/aleck-website/node_modules/gulp-sass/node_modules/node-sass/lib/binding.js:13:13)
at Object.<anonymous> (/Users/michaelbutler/Sites/aleck-website/node_modules/gulp-sass/node_modules/node-sass/lib/index.js:14:35)
at Module._compile (node:internal/modules/cjs/loader:1101:14)
at Module._compile (/Users/michaelbutler/Sites/aleck-website/node_modules/pirates/lib/index.js:99:24)
at Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
at Object.newLoader [as .js] (/Users/michaelbutler/Sites/aleck-website/node_modules/pirates/lib/index.js:104:7)
at Module.load (node:internal/modules/cjs/loader:981:32)
at Function.Module._load (node:internal/modules/cjs/loader:822:12)
at Module.require (node:internal/modules/cjs/loader:1005:19)
at require (node:internal/modules/cjs/helpers:102:18)
In attempting to resolve this, I removed node_modules, package.lock, and ran npm install. I have also tried npm cache clean –force as seen here How to solve npm install error “npm ERR! code 1”.
This has led to the following error:
npm ERR! code 1
npm ERR! path /Users/michaelbutler/Sites/cardtwister-website/node_modules/favicons/node_modules/sharp
npm ERR! command failed
npm ERR! command sh -c (node install/libvips && node install/dll-copy && prebuild-install) || (node-gyp rebuild && node install/dll-copy)
npm ERR! TOUCH Release/obj.target/libvips-cpp.stamp
npm ERR! CXX(target) Release/obj.target/sharp/src/common.o
npm ERR! info sharp Using cached /Users/michaelbutler/.npm/_libvips/libvips-8.8.1-darwin-x64.tar.gz
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp info using [email protected]
npm ERR! gyp info using [email protected] | darwin | x64
npm ERR! (node:1501) [DEP0150] DeprecationWarning: Setting process.config is deprecated. In the future the property will be read-only.
npm ERR! (Use `node --trace-deprecation ...` to show where the warning was created)
npm ERR! gyp info spawn /usr/bin/python2
npm ERR! gyp info spawn args [
npm ERR! gyp info spawn args '/Users/michaelbutler/Sites/cardtwister-website/node_modules/node-gyp/gyp/gyp_main.py',
npm ERR! gyp info spawn args 'binding.gyp',
npm ERR! gyp info spawn args '-f',
npm ERR! gyp info spawn args 'make',
npm ERR! gyp info spawn args '-I',
npm ERR! gyp info spawn args '/Users/michaelbutler/Sites/cardtwister-website/node_modules/favicons/node_modules/sharp/build/config.gypi',
npm ERR! gyp info spawn args '-I',
npm ERR! gyp info spawn args '/Users/michaelbutler/Sites/cardtwister-website/node_modules/node-gyp/addon.gypi',
npm ERR! gyp info spawn args '-I',
npm ERR! gyp info spawn args '/Users/michaelbutler/.node-gyp/16.13.1/include/node/common.gypi',
npm ERR! gyp info spawn args '-Dlibrary=shared_library',
npm ERR! gyp info spawn args '-Dvisibility=default',
npm ERR! gyp info spawn args '-Dnode_root_dir=/Users/michaelbutler/.node-gyp/16.13.1',
npm ERR! gyp info spawn args '-Dnode_gyp_dir=/Users/michaelbutler/Sites/cardtwister-website/node_modules/node-gyp',
npm ERR! gyp info spawn args '-Dnode_lib_file=/Users/michaelbutler/.node-gyp/16.13.1/<(target_arch)/node.lib',
npm ERR! gyp info spawn args '-Dmodule_root_dir=/Users/michaelbutler/Sites/cardtwister-website/node_modules/favicons/node_modules/sharp',
npm ERR! gyp info spawn args '-Dnode_engine=v8',
npm ERR! gyp info spawn args '--depth=.',
npm ERR! gyp info spawn args '--no-parallel',
npm ERR! gyp info spawn args '--generator-output',
npm ERR! gyp info spawn args 'build',
npm ERR! gyp info spawn args '-Goutput_dir=.'
npm ERR! gyp info spawn args ]
npm ERR! gyp info spawn make
npm ERR! gyp info spawn args [ 'BUILDTYPE=Release', '-C', 'build' ]
npm ERR! In file included from ../src/common.cc:22:
npm ERR! In file included from /Users/michaelbutler/.node-gyp/16.13.1/include/node/node.h:63:
npm ERR! In file included from /Users/michaelbutler/.node-gyp/16.13.1/include/node/v8.h:30:
npm ERR! /Users/michaelbutler/.node-gyp/16.13.1/include/node/v8-internal.h:492:38: error: no template named 'remove_cv_t' in namespace 'std'; did you mean 'remove_cv'?
npm ERR! !std::is_same<Data, std::remove_cv_t<T>>::value>::Perform(data);
npm ERR! ~~~~~^~~~~~~~~~~
npm ERR! remove_cv
npm ERR! /Applications/Xcode.app/Contents/Developer/Platforms/MacOSX.platform/Developer/SDKs/MacOSX.sdk/usr/include/c++/v1/type_traits:710:50: note: 'remove_cv' declared here
npm ERR! template <class _Tp> struct _LIBCPP_TEMPLATE_VIS remove_cv
npm ERR! ^
npm ERR! 1 error generated.
npm ERR! make: *** [Release/obj.target/sharp/src/common.o] Error 1
npm ERR! gyp ERR! build error
npm ERR! gyp ERR! stack Error: `make` failed with exit code: 2
npm ERR! gyp ERR! stack at ChildProcess.onExit (/Users/michaelbutler/Sites/cardtwister-website/node_modules/node-gyp/lib/build.js:262:23)
npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:390:28)
npm ERR! gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:290:12)
npm ERR! gyp ERR! System Darwin 20.6.0
npm ERR! gyp ERR! command "/usr/local/bin/node" "/Users/michaelbutler/Sites/cardtwister-website/node_modules/.bin/node-gyp" "rebuild"
npm ERR! gyp ERR! cwd /Users/michaelbutler/Sites/cardtwister-website/node_modules/favicons/node_modules/sharp
npm ERR! gyp ERR! node -v v16.13.1
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/michaelbutler/.npm/_logs/2021-12-07T11_44_09_876Z-debug.log
Note, the errors are shown in example 1 and example 2 are in different repositories as this error is happening with every project, I thought it best to show the two different steps.
Not sure if these errors are related. From searching online, I found that the following part of the error
npm ERR! code 1
Is from a conflict with node versions. As I result, I have tried brew install node@14 to step down versions, but brew link did not seem to work / did not resolve this error.
Any advise would be greatly appreciated.
I have also tried reinstalling the packages one at a time, which didn’t prevent me from installing at any point, but seemed to give a bunch of random errors on running “gulp dev” that were unclear to me.
Here is my package.json, as this will likely be required
{
"name": "doodle-craft-puppy",
"version": "0.1.0",
"homepage": "https://[email protected]/doodledevelopers/doodle-craft-puppy.git",
"repository": {
"type": "git",
"url": "https://[email protected]/doodledevelopers/doodle-craft-puppy.git"
},
"babel": {
"presets": [
[
"@babel/preset-env",
{
"targets": {
"browsers": [
"last 2 versions",
"Explorer 10"
]
}
}
]
]
},
"eslintConfig": {
"env": {
"browser": true,
"es6": true
},
"parserOptions": {
"sourceType": "module"
}
},
"browserslist": [
"last 1 version",
"> 1%"
],
"description": "Doodle's Project Scaffold for craft",
"author": "doodle",
"main": "gulpfile.js",
"license": "MIT",
"paths": {
"src": {
"scss": "./src/scss/**/*.scss",
"images": "./src/images/",
"fonts": "./src/fonts/*",
"svgs": "./src/icons/svg/**/*.svg",
"templates": "./templates/**/*.{html,twig}",
"js": [
"./src/js/app.js"
]
},
"build": {
"base": "./web/",
"css": "./web/build/css/",
"images": "./web/build/images/",
"fonts": "./web/build/fonts/",
"svgs": "./web/build/icons/svg/",
"js": "./web/build/js/"
},
"favicon": {
"src": "./src/favicons/favicon.png",
"dest": "./web/favicons/",
"path": "/img/site/"
},
"craftConfig": "./config/"
},
"urls": {
"live": "http://card-twister.com/",
"local": "http://cardtwister-website:8888/"
},
"devDependencies": {
"@babel/cli": "^7.14.8",
"@babel/core": "^7.14.8",
"@babel/preset-env": "^7.14.9",
"@babel/register": "^7.14.5",
"babel-eslint": "^10.1.0",
"babelify": "^10.0.0",
"barba.js": "^1.0.0",
"body-scroll-lock": "^2.6.4",
"browser-sync": "^2.27.5",
"browserify": "^16.5.2",
"browserslist": "^4.16.7",
"del": "^4.1.1",
"domready": "^1.0.8",
"fancy-log": "^1.3.2",
"gulp": "^4.0.2",
"gulp-autoprefixer": "^6.1.0",
"gulp-babel": "^8.0.0",
"gulp-better-rollup": "^4.0.1",
"gulp-cached": "^1.1.1",
"gulp-cheerio": "^0.6.3",
"gulp-concat": "^2.6.1",
"gulp-cssnano": "^2.1.3",
"gulp-eslint": "^5.0.0",
"gulp-favicons": "^2.4.0",
"gulp-flatten": "^0.4.0",
"gulp-if": "^2.0.2",
"gulp-imagemin": "^6.2.0",
"gulp-load-plugins": "^1.5.0",
"gulp-plumber": "^1.1.0",
"gulp-postcss": "^8.0.0",
"gulp-purgecss": "^1.2.0",
"gulp-rename": "^1.4.0",
"gulp-replace": "^1.1.3",
"gulp-sass": "^4.1.1",
"gulp-size": "^3.0.0",
"gulp-sourcemaps": "^2.2.1",
"gulp-svg-symbols": "^3.2.0",
"gulp-svgstore": "^7.0.0",
"gulp-tap": "1.0.1",
"gulp-uglify": "^3.0.2",
"gulp-util": "^3.0.8",
"regenerator-runtime": "^0.13.9",
"smooth-scroll": "github:cferdinandi/smooth-scroll",
"svgxuse": "^1.2.6",
"vinyl-buffer": "^1.0.1",
"vinyl-source-stream": "^2.0.0",
"waypoints": "^4.0.1"
},
"dependencies": {
"browser-update": "^3.3.30",
"intersection-observer": "^0.7.0",
"inuitcss": "^6.0.0",
"jquery": "^3.6.0",
"menuspy": "^1.3.0",
"sass-rem": "^2.0.1",
"sftp-sync-deploy": "^0.7.1",
"vanilla-lazyload": "^16.1.0"
}
}