在安装semantic-ui的时候,gulp找不到semantic.json

我正在尝试使用本教程安装使用npm和gulp的semantic-ui: http : //www.semantic-ui.com/introduction/getting-started.html

我运行npm install semantic-ui --save ,一切都很好。 但后来我直接进入semantic/文件夹并运行gulp build但是说:

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

semantic.json文件位于我的项目的根目录下。 我也尝试了gulp install但是它说Task 'install' is not in your gulpfile

我该怎么办?

编辑:这是我的gulpfile.js文件:

 /******************************* 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); } 

node_modules位于上游或不同文件夹中时,会发生此问题。 假设您在全局安装semantic-ui ,并且node_modules位于:

/Users/afshin/node_modules/

所有你需要解决这个问题是将node_modules复制到semantic-ui文件夹(你的semantic-ui项目文件夹)

希望这可以帮助人们避免头痛。

我运行npm install semantic-ui –save,一切都很好。 但后来我直接进入semantic/文件夹,并run gulp构build

iv'e试图跟进你的领导,并执行npm install semantic-ui

我有这个恼人的巫师:

在这里输入图像描述

为什么不bower

既然所有你关心的是引用semantic-ui的静态文件,我build议使用bower

安装bower

npm install -g bower

然后添加semantic-ui

bower install semantic-ui


semantic-ui软件包包含一个dist目录,其中包含可以使用的js + css