【问题标题】：gulp cannot find semantic.json during installation of semantic-uigulp 在安装语义-ui 期间找不到语义.json
【发布时间】：2015-09-21 18:00:14
【问题描述】：

我正在尝试使用本教程使用 npm 和 gulp 安装语义 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);
}

【问题讨论】：

你想做什么？你是从npm_modules/semantic 运行gulp build 吗？还添加您的gulpfile.js，以便我们提供帮助
我正在尝试在项目中安装和使用语义 ui。我正在从myproject/semantic 运行gulp build
您是否尝试将semantic-ui 添加到您现有的项目中？
是的，我正在将它添加到现有的 django 项目中
iv'e 试图做npm install semantic-ui，我明白你的意思。你考虑过使用bower吗？

标签： node.js npm gulp semantic-ui gulp-less

【解决方案1】：

当node_modules 位于上游或不同文件夹中时，会发生此问题。假设您全局安装了semantic-ui，而node_modules 位于：

/Users/afshin/node_modules/

您只需将node_modules 复制到semantic-ui 文件夹（您的semantic-ui 项目文件夹）即可解决此问题

希望这可以使某人免于头痛。

【讨论】：

我丢了你，从哪里复制node_modules？
@JikkuJose 你可以在上游文件夹中找到node_modules。

【解决方案2】：

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

我试图跟进你的领导并执行npm install semantic-ui

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

为什么不`bower`？

既然你关心的是引用semantic-ui的静态文件，我建议using bower

安装bower:

npm install -g bower

然后添加semantic-ui:

bower install semantic-ui

semantic-ui 包包含一个 dist 目录，其中包含一个可以使用的 js + css 的构建

【讨论】：

我尝试使用gulp，因为它有一个update 命令。我也可以用 bower 更新我的语义用户界面吗？

为什么不bower？

为什么不`bower`？