Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$
Light
Dark
System
Ask  Question

HTML Demo1 error during Yarn


In tools folder, I enter the 'yarn' and then it shows this error.


yarn install v1.22.19
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
warning Workspaces can only be enabled in private projects.
[4/4] Building fresh packages...
[1/6] @fortawesome/fontawesome-free
[2/6] es5-ext
[-/6] waiting...
[4/6] core-js
warning Error running install script for optional dependency: "/Users/helloworld/Downloads/themeforest-GpwneYB2-metronic-responsive-admin-dashboard-template/html/Users/faizal/Sites/keenthemes/_releases/metronic_v8.1.8_zip_new/metronic_html_v8.1.8_demo1/tools/node_modules/fsevents: Command failed.
Exit code: 1
Command: node install.js
Arguments:
Directory: /Users/helloworld/Downloads/themeforest-GpwneYB2-metronic-responsive-admin-dashboard-template/html/Users/faizal/Sites/keenthemes/_releases/metronic_v8.1.8_zip_new/metronic_html_v8.1.8_demo1/tools/node_modules/fsevents
Output:
node:events:489
 throw er; // Unhandled "error" event
 ^

Error: spawn node-gyp ENOENT
 at ChildProcess._handle.onexit (node:internal/child_process:285:19)
 at onErrorNT (node:internal/child_process:483:16)
 at process.processTicksAndRejections (node:internal/process/task_queues:82:21)
Emitted "error" event on ChildProcess instance at:
 at ChildProcess._handle.onexit (node:internal/child_process:291:12)
 at onErrorNT (node:internal/child_process:483:16)
 at process.processTicksAndRejections (node:internal/process/task_queues:82:21) {
 errno: -2,
 code: "ENOENT",
 syscall: "spawn node-gyp",
 path: "node-gyp",
 spawnargs: [ "rebuild" ]
Done in 11.92s.


How to resolve this issue?

Thank you.


user
Fauzi M 10 months ago
4 Answers
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (4)

user
Faizal Author10 months ago

Hi Fauzi,

Make sure you have the latest version of yarn installed globally by running npm i -g yarn in your terminal. Try deleting the yarn.lock file and the node_modules folder and run yarn install again. I hope one of these steps can resolve your issue.


Thanks


user
Fauzi M 10 months ago

Hi Faizal,

I have run the "npm i -g yarn" and delete yarn.lock file and the node_modules folder and run yarn install again.

But then received a lot of warnings like below. Mostly are 'deprecated' warning.

And throw the same error message at the end.


yarn install v1.22.19
info No lockfile found.
[1/4] Resolving packages...
warning datatables.net-plugins > prettier-plugin-x > x-formatter > @prettier-x/formatter-2021-01 > @brodybits/remark-parse > trim@0.0.3: Use String.prototype.trim() instead
warning datatables.net-plugins > prettier-plugin-x > x-formatter > @prettier-x/formatter-2021-01 > postcss-selector-parser > flatten@1.0.3: flatten is deprecated in favor of utility frameworks such as lodash.
warning datatables.net-plugins > prettier-plugin-x > x-formatter > @prettier-x/formatter-2021-01 > postcss-values-parser > flatten@1.0.3: flatten is deprecated in favor of utility frameworks such as lodash.
warning npm > @npmcli/ci-detect@3.0.2: this package has been deprecated, use `ci-info` instead
warning npm > readdir-scoped-modules@1.1.0: This functionality has been moved to @npmcli/fs
warning pdfmake > @foliojs-fork/linebreak > brfs > static-module > magic-string > sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead
warning popper.js@1.16.1: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1
warning css-minimizer-webpack-plugin > cacache > @npmcli/move-file@1.1.2: This functionality has been moved to @npmcli/fs
warning css-minimizer-webpack-plugin > cssnano > cssnano-preset-default > postcss-svgo > svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x.
warning css-minimizer-webpack-plugin > cssnano > cssnano-preset-default > postcss-svgo > svgo > stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
warning extract-loader > babel-runtime > core-js@2.6.12: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
warning extract-loader > babel-core > babel-register > core-js@2.6.12: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
warning gulp > glob-watcher > chokidar@2.1.8: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
warning gulp > glob-watcher > chokidar > fsevents@1.2.13: The v1 package contains DANGEROUS / INSECURE binaries. Upgrade to safe fsevents v2
warning gulp > glob-watcher > anymatch > micromatch > snapdragon > source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
warning gulp > glob-watcher > anymatch > micromatch > snapdragon > source-map-resolve > resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
warning gulp > glob-watcher > anymatch > micromatch > snapdragon > source-map-resolve > source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
warning gulp > glob-watcher > anymatch > micromatch > snapdragon > source-map-resolve > urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
warning gulp-sourcemaps > css > source-map-resolve@0.6.0: See https://github.com/lydell/source-map-resolve#deprecated
warning rtlcss-webpack-plugin > babel-runtime > core-js@2.6.12: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
warning webpack-dev-server > chokidar@2.1.8: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
warning webpack-dev-server > webpack-log > uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
[2/4] Fetching packages...
[3/4] Linking dependencies...
warning "datatables.net-plugins > prettier-plugin-x@0.0.10" has unmet peer dependency "prettier@^2.0.0".
warning "datatables.net-plugins > prettier-plugin-x > x-formatter > @prettier-x/formatter-2021-01 > remark-math@1.0.6" has unmet peer dependency "remark-parse@^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0".
warning Workspaces can only be enabled in private projects.
[4/4] Building fresh packages...
[-/6] waiting...
[2/6] es5-ext
[-/6] waiting...
[-/6] waiting...
warning Error running install script for optional dependency: "/Users/helloworld/Downloads/themeforest-GpwneYB2-metronic-responsive-admin-dashboard-template/html/Users/faizal/Sites/keenthemes/_releases/metronic_v8.1.8_zip_new/metronic_html_v8.1.8_demo1/tools/node_modules/fsevents: Command failed.
Exit code: 1
Command: node install.js
Arguments:
Directory: /Users/helloworld/Downloads/themeforest-GpwneYB2-metronic-responsive-admin-dashboard-template/html/Users/faizal/Sites/keenthemes/_releases/metronic_v8.1.8_zip_new/metronic_html_v8.1.8_demo1/tools/node_modules/fsevents
Output:
node:events:489
 throw er; // Unhandled "error" event
 ^

Error: spawn node-gyp ENOENT
 at ChildProcess._handle.onexit (node:internal/child_process:285:19)
 at onErrorNT (node:internal/child_process:483:16)
 at process.processTicksAndRejections (node:internal/process/task_queues:82:21)
Emitted "error" event on ChildProcess instance at:
 at ChildProcess._handle.onexit (node:internal/child_process:291:12)
 at onErrorNT (node:internal/child_process:483:16)
 at process.processTicksAndRejections (node:internal/process/task_queues:82:21) {
 errno: -2,
 code: "ENOENT",
 syscall: "spawn node-gyp",
 path: "node-gyp",
 spawnargs: [ "rebuild" ]
success Saved lockfile.
Done in 281.07s.


user
Fauzi M 10 months ago

For info, these are the versions

<pre>node -v
#Output: v20.3.1

nvm -v
#Output: 0.39.3

yarn -v
#Output: 1.22.19

gulp -v
#Output: CLI version: 2.3.0
#Output: Local version: 4.0.2</p>


user
Faizal Author10 months ago

Hi Fauzi,

Please try to use node.js from https://nodejs.org/en version 18.x and see if it works.

Thanks


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(