一飲而盡無法語義的UI安裝

Question

我試圖安裝使用NPM和使用一飲而盡本教程語義的UI中找到semantic.json。 後來我直接到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

我跑NPM安裝語義UI --save和一切都很好。 但後來我直接到semantic/文件夾和run gulp構建 ...

iv'e試圖跟進你的領導和執行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準備構建使用

Answer 2

當node_modules位於上游或不同的文件夾就會發生此問題。比方說，你安裝semantic-ui全局和node_modules位於：

/Users/afshin/node_modules/

所有你需要解決這個問題是複製node_modules到semantic-ui文件夾（你語義的UI項目文件夾）

希望這可以幫助人們避免頭痛。