7

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

2 回答 2

6

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

/Users/afshin/node_modules/

解决此问题所需要做的就是将 复制node_modulessemantic-ui文件夹(您的语义 ui 项目文件夹)

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

于 2015-08-07T15:19:44.047 回答
4

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

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

我得到了这个烦人的向导:

在此处输入图像描述

为什么不bower呢?

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

安装bower

npm install -g bower

然后添加semantic-ui

bower install semantic-ui


semantic-ui软件包包括一个dist目录,其中包含一个构建js+css准备使用

于 2015-07-03T22:31:51.737 回答