Semantic-ui: Someone please help. It wont let me install semantic UI, followed all the steps

Created on 15 May 2019 · 5Comments · Source: Semantic-Org/Semantic-UI

For some reason, it lets me install gulp (I am using npm) but once i run npm install semantic-ui --save (on a windows machine), it gives me this exact error:

npm WARN deprecated [email protected]: gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5
npm WARN deprecated [email protected]: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
npm WARN deprecated [email protected]: This module relies on Node.js's internals and will break at some point. Do not use it, and update to [email protected].
npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\Cesar\package.json'
npm WARN [email protected] requires a peer of better-console@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of del@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of extend@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of gulp@* but none is installed. You must install peer dependencies yourself.npm WARN [email protected] requires a peer of gulp-autoprefixer@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of gulp-chmod@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of gulp-clean-css@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of gulp-clone@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of gulp-concat@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of gulp-concat-css@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of gulp-copy@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of gulp-dedupe@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of gulp-flatten@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of gulp-header@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of gulp-help@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of gulp-if@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of gulp-less@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of gulp-notify@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of gulp-plumber@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of gulp-print@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of gulp-rename@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of gulp-replace@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of gulp-rtlcss@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of gulp-uglify@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of gulp-watch@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of map-stream@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of replace-ext@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of require-dot-file@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of run-sequence@* but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of yamljs@* but none is installed. You must install peer dependencies yourself.
npm WARN Cesar No description
npm WARN Cesar No repository field.
npm WARN Cesar No README data
npm WARN Cesar No license field.

npm ERR! code EBADPLATFORM
npm ERR! notsup Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm ERR! notsup Valid OS: darwin
npm ERR! notsup Valid Arch: any
npm ERR! notsup Actual OS: win32
npm ERR! notsup Actual Arch: x64

Source

calcantara35

Most helpful comment

try this
npm install gulp-cli -g
npm install [email protected]

when running gulp -v in your project folder, you should get this:
CLI version: 2.2.0
Local version: 3.9.1

Then run the semantic install with npm. It was ok for me

cheers

whosthatgeek on 8 Jun 2019

🎉3 👍3

All 5 comments

Please try to install gulp:

npm install gulp-cli -g
npm install gulp -D

lc-soft on 16 May 2019

Still had the same error. I already had gulp installed.

Error:

C:\Users\Cesar>npm install gulp -D
npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\Cesar\package.json'
npm WARN Cesar No description
npm WARN Cesar No repository field.
npm WARN Cesar No README data
npm WARN Cesar No license field.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Cesar\AppData\Roaming\npm-cache_logs\2019-05-16T17_11_48_531Z-debug.log

calcantara35 on 16 May 2019

try this
npm install gulp-cli -g
npm install [email protected]

when running gulp -v in your project folder, you should get this:
CLI version: 2.2.0
Local version: 3.9.1

Then run the semantic install with npm. It was ok for me

cheers

whosthatgeek on 8 Jun 2019

🎉3 👍3

try this
npm install gulp-cli -g
npm install [email protected]

when running gulp -v in your project folder, you should get this:
CLI version: 2.2.0
Local version: 3.9.1

Then run the semantic install with npm. It was ok for me

cheers

only thing to note/add is node 10x is required, the install process is not working with node 12x

sreedhar27 on 27 Jun 2019

👍2

gulp 4 is not compatible with current [email protected].
So, you've to downgrade to gulp 3.x.
But the new node 12.x is not compatible with gulp 3.
So, to use [email protected], you also have to downgrade node to 10.x or lower.

Now, they have branched semantic-ui out to fomantic-ui for the gulp4 based setup. They eventually plan to merge fomantic-ui back into semantic-ui. I don't know when that is.

So, if you want to use gulp4 and node12 for now, then use fomantic-ui.
https://github.com/fomantic/Fomantic-UI

Cheers,
Aditya Mittal