Semantic-UI: Cannot install semantic-ui

Cannot install semantic-ui package: OS: Win 10 node: 8.6 npm: 5.4.2

C:\Repo\vcm-spa>npm install semantic-ui --save npm WARN deprecated gulp-clean-css@2.4.0: breaking changes from clean-css 4.x. Please install gulp-clean-css 3.x npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue npm WARN deprecated minimatch@0.2.14: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue npm WARN deprecated graceful-fs@1.2.3: graceful-fs v3.0.0 and before will fail on node releases >= v7.0. Please update to graceful-fs@^4.0.0 as soon as possible. Use ‘npm ls graceful-fs’ to find it in the tree.

semantic-ui@2.2.10 install C:\Repo\vcm-spa\node_modules\semantic-ui gulp install

module.js:529 throw err; ^

Error: Cannot find module ‘gulp-header’ at Function.Module._resolveFilename (module.js:527:15) at Function.Module._load (module.js:476:23) at Module.require (module.js:568:17) at require (internal/module.js:11:18) at module.exports (C:\Repo\vcm-spa\node_modules\semantic-ui\tasks\collections\internal.js:21:18) at Object.<anonymous> (C:\Repo\vcm-spa\node_modules\semantic-ui\tasks\watch.js:51:34) at Module._compile (module.js:624:30) at Object.Module._extensions…js (module.js:635:10) at Module.load (module.js:545:32) at tryModuleLoad (module.js:508:12) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.2 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {“os”:“darwin”,“arch”:“any”} (current: {“os”:“win32”,“arch”:“x64”})

npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! semantic-ui@2.2.10 install: gulp install npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the semantic-ui@2.2.10 install script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Xin\AppData\Roaming\npm-cache_logs\2017-10-03T00_07_44_782Z-debug.log

About this issue

  • Original URL
  • State: closed
  • Created 7 years ago
  • Comments: 20 (2 by maintainers)

Most upvoted comments

It’s been a year since the last comment and the issue is closed, but this is still a problem with Semantic UI React (0.87.1) on Mac OS and Ubuntu.

@tal-botvinnik Hello, that would be npm cache clean --force.

@chinomnsoawazie Try the community fork https://fomantic-ui.com which works with gulp 4 and latest node versions as well

npm uninstall semantic-ui
npm install fomantic-ui

It still compiles to “semantic.css” and “semantic.js” and is backward compatible so far to semantic.

@ylto @Banandrew Hi thank you guys. I’ve just fixed the issue, and the root cause is npm cache. After I clear it, issue gets fixed. I will close this issue, and thank you again.

Hi All, Use npm install semantic-ui-css Works like a charm 😃

@chinomnsoawazie This really fixed the issue! Thanks

I have done practically everything on this thread and none works!

i’m just trying with https://fomantic-ui.com/

and it work with just one npm install fomantic-ui --save after that, you install jquery too with npm install jquery --save. after fomantic installing install gulp with npm install -g gulp, open semantic folder in your project root and run gulp build.

You go now to add semantic and jquery parametters in angular.json with that "styles": [ "src/styles.css", "node_modules/semantic/dist/semantic.min.css" ], "scripts": [ "node_modules/jquery/dist/jquery.min.js", "node_modules/semantic/dist/semantic.min.js" ]

remember to move semantic folder in node_modules folder without that, it cannot work.

glad to help ! 🖐🏿