2015-07-03 32 views
6

मैं अर्थ-ui 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); 
} 
+0

आप क्या करने की कोशिश कर रहे हैं? क्या आप 'npm_modules/semantic' से 'gulp build' चला रहे हैं? भी अपना 'gulpfile.js' जोड़ें ताकि हम –

+0

सहायता कर सकें, मैं एक प्रोजेक्ट में अर्थपूर्ण-ui स्थापित करने और उपयोग करने का प्रयास कर रहा हूं। मैं 'myproject/semantic' से 'gulp build' चला रहा हूं – Navid777

+0

क्या आप अपने मौजूदा प्रोजेक्ट में' अर्थात्-यूई 'जोड़ने की कोशिश कर रहे हैं? –

उत्तर

4

मैं NPM अर्थ-ui --save और सब कुछ ठीक स्थापित चला। लेकिन फिर मैं semantic/ फ़ोल्डर और run gulp निर्माण में प्रत्यक्ष ...

iv'e अपने नेतृत्व का पालन करने की कोशिश की और npm install semantic-ui

निष्पादित मैं इस कष्टप्रद जादूगर मिला:

enter image description here

क्यों bower नहीं?

सब के बाद आपके लिए महत्वपूर्ण हैं semantic-ui के स्थिर फ़ाइलों को संदर्भित करने के लिए है, मैं सुझाव है कि using bower

स्थापित bower:

npm install -g bower

तो semantic-ui जोड़ें:

bower install semantic-ui


semantic-ui पैकेज एक dist निर्देशिका

+0

मैंने 'gulp' का उपयोग करने का प्रयास किया क्योंकि इसमें 'अपडेट' कमांड है। क्या मैं अपने अर्थात्-उई को भी बोवर के साथ अपडेट कर सकता हूं? – Navid777

+0

हाँ - http://bower.io/docs/api/ –

7

यह समस्या तब होता है जब node_modules नदी के ऊपर या अलग फ़ोल्डर में स्थित है का उपयोग करने के js + css तैयार के निर्माण में शामिल भी शामिल है। मान लीजिए कि आप semantic-ui विश्व स्तर पर स्थापित मान लीजिए और node_modules में स्थित है:

/Users/afshin/node_modules/

सभी आप इस मुद्दे node_modules को semantic-ui फ़ोल्डर (अपने अर्थ-ui प्रोजेक्ट फ़ोल्डर)

कॉपी करने के लिए है पता करने के लिए की जरूरत है

उम्मीद है कि यह किसी को सिरदर्द से बचाएगा।

+0

मैंने आपको खो दिया, कहां से 'node_modules' कॉपी करने के लिए? –

+0

@JikkuJose आप अपस्ट्रीम फ़ोल्डर्स में 'node_modules' पा सकते हैं। –

संबंधित मुद्दे