Gulp cannot find semantic.json during semantic-ui installation

I am trying to establish semantics using npm and gulp using this tutorial: http://www.semantic-ui.com/introduction/getting-started.html

I run npm install semantic-ui --save and everything is fine. but then I head to the semantic/ folder and run gulp build , but says:

 cannot find semantic.json. Run "gulp install" to set-up Semantic 

The semantic.json file is at the root of my project. I also tried gulp install , but it says Task 'install' is not in your gulpfile

what should I do?

EDIT: this is my gulpfile.js file:

 /******************************* Set-up *******************************/ var gulp = require('gulp-help')(require('gulp')), // read user config to know what task to load config = require('./tasks/config/user'), // watch changes watch = require('./tasks/watch'), // build all files build = require('./tasks/build'), buildJS = require('./tasks/build/javascript'), buildCSS = require('./tasks/build/css'), buildAssets = require('./tasks/build/assets'), // utility clean = require('./tasks/clean'), version = require('./tasks/version'), // docs tasks serveDocs = require('./tasks/docs/serve'), buildDocs = require('./tasks/docs/build'), // rtl buildRTL = require('./tasks/rtl/build'), watchRTL = require('./tasks/rtl/watch') ; /******************************* Tasks *******************************/ gulp.task('default', false, [ 'watch' ]); gulp.task('watch', 'Watch for site/theme changes', watch); gulp.task('build', 'Builds all files from source', build); gulp.task('build-javascript', 'Builds all javascript from source', buildJS); gulp.task('build-css', 'Builds all css from source', buildCSS); gulp.task('build-assets', 'Copies all assets from source', buildAssets); gulp.task('clean', 'Clean dist folder', clean); gulp.task('version', 'Displays current version of Semantic', version); /*-------------- Docs ---------------*/ /* Lets you serve files to a local documentation instance https://github.com/Semantic-Org/Semantic-UI-Docs/ */ gulp.task('serve-docs', 'Serve file changes to SUI Docs', serveDocs); gulp.task('build-docs', 'Build all files and add to SUI Docs', buildDocs); /*-------------- RTL ---------------*/ if(config.rtl) { gulp.task('watch-rtl', 'Build all files as RTL', watchRTL); gulp.task('build-rtl', 'Watch files as RTL ', buildRTL); } 
+6
source share
2 answers

This problem occurs when node_modules is in an upstream or other folder. Let's say you set semantic-ui globally, and node_modules is in:

/Users/afshin/node_modules/

All you need to solve this problem is to copy node_modules to the semantic-ui folder (your folder with ui semantics)

Hope this saves someone from a headache.

+7
source

I run npm install semantic-ui --save and everything is fine. but then I head to the semantic/ folder and run gulp build ...

iv'e tried to follow your guide and executed npm install semantic-ui

I have this annoying wizard:

enter image description here

Why not bower ?

Since you don't care, refer to the semantic-ui static files, I suggest using bower

install bower :

npm install -g bower

, then add semantic-ui :

bower install semantic-ui


semantic-ui package includes dist directory contains assembly js + css ready to use

+4
source

All Articles