gulp在安装语义ui时找不到semantic.json

Question

我正在尝试使用本教程使用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);
}

Answer 1

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

/Users/afshin/node_modules/

解决此问题所需要的只是复制node_modules到semantic-ui文件夹(您的语义ui项目文件夹)

希望这能让人免于头疼.

Answer 2

我运行 npm install语义-ui --save 一切都很好。但然后我直接进入semantic/文件夹并run gulp构建...

iv'e试图跟进你的线索并被处决npm install semantic-ui

我遇到了这个烦人的向导：

为什么不bower？

由于您关心的只是引用 的semantic-ui静态文件，因此我建议使用bower

安装bower：

npm install -g bower

然后加semantic-ui：

bower install semantic-ui

该semantic-ui软件包包含一个dist目录，其中包含一个可供使用的js构建版本css