त्रुटि: प्रीसेट "es2015" निर्देशिका के सापेक्ष नहीं मिल सका "/ उपयोगकर्ता / उपयोगकर्ता नाम"

Question

मुझे निम्न त्रुटि मिलती है जब gulp-babel का उपयोग करने की कोशिश कर रहा हूँ:

त्रुटि: प्रीसेट "es2015" निर्देशिका के सापेक्ष नहीं मिल सका "/ उपयोगकर्ता / उपयोगकर्ता नाम"

मैं es2015 पूर्व निर्धारित विश्व स्तर पर और स्थानीय स्तर पर स्थापित है तो यह क्यों एक मुद्दा होगा नहीं देख सकते हैं।

नीचे मेरा gulp सेट अप और package.json है।

var babel = require('gulp-babel');
var es2015 = require('babel-preset-es2015');

gulp.task('babel', function() {
    return gulp.src('./app/main.js')
    .pipe(babel({
        presets: [es2015]
    }))
    .pipe(gulp.dest('dist'));
});

Package.json

  "devDependencies": {
    "babel-preset-es2015": "^6.3.13",
    "babel-preset-es2015-node5": "^1.1.1",
    "browser-sync": "^2.11.0",
    "gulp": "^3.9.0",
    "gulp-babel": "^6.1.1",
    "gulp-stylus": "^2.2.0"
  }

मैं नोड v5.1.0 और बेबल v6.4.0 का उपयोग कर रहा हूं

यहाँ टर्मिनल ouput है

टर्मिनल आउटपुट

Comments

मुझे लगता है कि आपको presetsसरणी में एक स्ट्रिंग पास करने की आवश्यकता है, जैसे ['es2015'], मुझे हालांकि बहुत यकीन नहीं है

— thefourtheye

@thefourtheye धन्यवाद लेकिन एक स्ट्रिंग के रूप में एक ही मुद्दा।

— ब्रायन डगलस

आपको गल्प की आवश्यकता नहीं थी। हो सकता है कि इसका कारण हो सकता हैvar gulp = require('gulp');

— आंद्रेई सीएसीआईओ

@AndreiCacio मैंने कोड स्निपेट में इसे अभी शामिल नहीं किया है। मैंने केवल कोलाहल संकलक के लिए प्रासंगिक कोड शामिल किया है।

— ब्रायन डगलस

क्या .babelrcआपके घर निर्देशिका में एक फ़ाइल है? चूंकि यह वह स्थान है जहां यह पूर्व निर्धारित की तलाश में है, इसका मतलब है कि कॉन्फ़िगरेशन कहाँ से आ रहा है।

— लोगान्सफैमेथ

Answer 1

आपको केवल स्थापित करने की आवश्यकता है babel-preset-es2015:

सीएलआई उपयोग उदाहरण:

npm install babel-cli babel-preset-es2015

Comments

यह मेरे लिए इसे हल किया ... वाह क्या एक भयानक त्रुटि संदेश: त्रुटि: पूर्व निर्धारित "es2015" निर्देशिका के सापेक्ष "/ पथ / के लिए / नोड / पैकेज / अटेंड करने / स्थापित करने के लिए नहीं मिल सकता है ... विशेष रूप से दर्दनाक जब कुछ यादृच्छिक npm पैकेज को स्थापित करने की कोशिश की जा रही है जो gulp और

— बैबल

npm WARN ने बेबील -प्रसेट-es2015@6.24.1 को अपदस्थ किया: recommend Babel का उपयोग करने के लिए धन्यवाद: हम अब babel-preset-env का उपयोग करने की सलाह देते हैं: कृपया अद्यतन करने के लिए babeljs.io/env पढ़ें!

— सैयद

इस अद्भुत समाधान के लिए बहुत बहुत धन्यवाद।

— पवन

Answer 2

"es2015" में:

    .pipe(babel({
        presets: ['es2015']
    }))

वास्तव में एक रास्ता है - इसलिए यदि आपके पास / उपयोगकर्ता / उपयोगकर्ता नाम / es2015 निर्देशिका में पूर्व निर्धारित नहीं है, तो आपको उदाहरण के लिए इसके समान इंगित करना होगा:

.pipe(babel({
    presets: ['../../gulp/node_modules/babel-preset-es2015']
}))

यह मेरे लिए काम किया

Comments

मेरे लिए "बाबेल-प्रीसेट-एएस2015" फ़ोल्डर में एक पूर्ण पथ का उपयोग करने के लिए भी काम किया

— वाल्केलन

यह अत्यधिक सरलीकृत लग सकता है, इसलिए मैं इसे केवल एक टिप्पणी के रूप में जोड़ रहा हूं, लेकिन सुनिश्चित करें कि आपने सब कुछ सही किया है। मेरे पास अंकित अंकों के साथ 'es2105' के रूप में लेबल था और इससे मुझे थोड़ी देर के लिए अपना सिर खुजलाना पड़ा।

— रॉबर्ट ओसचलर

Answer 3

इस समस्या को हल करने के लिए आपको "/ उपयोगकर्ता / उपयोगकर्ता नाम" निर्देशिका से .babelrc (छिपी) फ़ाइल को निकालना चाहिए।

Comments

उत्तम। यह वास्तव में एक बहुत ही छिपा हुआ मुद्दा है। मेरे लिए इसे हल किया

— अमगड

Answer 4

मैं सिर्फ इस सटीक gulpfile.js का इस्तेमाल किया

var babel = require('gulp-babel');
var es2015 = require('babel-preset-es2015');
var gulp = require('gulp');

gulp.task('babel', function() {
    return gulp.src('./app/main.js')
    .pipe(babel({
        presets: [es2015]
    }))
    .pipe(gulp.dest('dist'));
});

और यह मेरे लिए काम किया। मैंने केवल स्थापित किया babel, babel-preset-es2015और gulp-babel।

Comments

क्या आप मुझे अपना बबल और नोड का संस्करण बता सकते हैं। मेरे पास वही सेट अप है जैसा आप देख सकते हैं। लेकिन अभी भी वही त्रुटि

— ब्रायन डगलस

मैं नोड 4.0 और बेबल 6 का उपयोग कर रहा हूं

— आंद्रेई सीएएसीआईओ

टर्मिनल आउटपुट के साथ अद्यतन विवरण

— ब्रायन डगलस

यह एक विंडोज़ से संबंधित मुद्दा हो सकता है या इस तरह से smth हो सकता है। मुझे एक समान धागा मिला है जिसे आप देख सकते हैं: github.com/laravel/elixir/issues/354 शायद यह समस्या पर रोशनी डालेगा ।

— आंद्रेई सीएसीआईओ

babel-preset-es2015स्पष्ट रूप से लोड हो रहा है जैसा कि यहाँ दिखाया गया है मेरी समस्या हल हो गई।

— १

Answer 5

जाँच करें कि क्या आपके पास अपने प्रोजेक्ट के रूट फ़ोल्डर में .babelrc फ़ाइल है। यदि नहीं बनाया है।

{
  "presets": ["es2015"]
}

इसने मुद्दा तय कर दिया।

Comments

मेरा दिन बचाया! धन्यवाद

— Mehrnoosh

Answer 6

आप स्थापित करने es2015और के stage-2माध्यम से कोशिश कर सकते हैं

npm i babel-preset-es2015 --save
npm i babel-preset-stage-2 --save

Answer 7

मुझे उसी मुद्दे का सामना करना पड़ा और यह इसलिए था क्योंकि .babelrcमेरी निर्देशिका की जड़ में एक फ़ाइल थी ।

इसे जोड़ने babelrc: falseके लिए कोलाहल विकल्पों के अंदर जोड़ें :

var babel = require('gulp-babel');

gulp.task('babel', function() {
    return gulp.src('./app/main.js')
    .pipe(babel({
        babelrc: false,
        presets: ['babel-preset-es2015']
    }))
    .pipe(gulp.dest('dist'));
});

Comments

+1 मुझे .babelrcअपनी रूट में एक फ़ाइल मिली और यही समस्या थी। विन्यास babelrc: falseकाम नहीं करता है, लेकिन जब मैं सब कुछ हटाता हूं!

— १६:

Answer 8

मेरे पास एक ही मुद्दा था, और इस दूसरे सुझाव ने मुझे अपनी समस्या को सूचित करने में मदद की और शायद यह आपकी भी है।

मैंने npm install gulp-babel-es2015तब इसे गल्पफाइल में बिल्कुल शामिल नहीं किया था।

फिर babel({presets: ['es2015']})विकल्प सिर्फ एक स्ट्रिंग है जैसा कि यहां के उदाहरणों में दिखाया गया है https://www.npmjs.com/package/gulp-babel ।

यहाँ मेरा गुलाल है।

var gulp = require('gulp'),
    babel = require('gulp-babel');

gulp.task('babelify', () => {
    gulp.src('js/*.js')
        .pipe(babel({
            presets: ['es2015']
        }))
    .pipe(gulp.dest('alljs'));
});

gulp.task('default', ['babelify']);

इसके अलावा, जैसा कि इस मुद्दे से यहां, https://github.com/laravel/elixir/issues/354

सुझाव हैं कि आपको नोड को संस्करण 5.xx और npm से 3.xx तक अद्यतन करना चाहिए

Answer 9

जिस स्थिति में मैं इस समस्या का सामना करता हूं वह यह है कि मैंने फाइलों को स्थानांतरित कर xxxदिया है xxx/server। और उसके बाद xxx/serverमैं Error: Couldn't find preset "es2015" relative to directory "/Users/username/xxx"त्रुटि देखूंगा । असली कारण यह है कि मैं उस .babelrcफाइल को नीचे ले जाना भूल गया हूं xxx। और के बाद मुझे लगता है कि ले जाने के .babelrcलिए xxx/server, त्रुटि दूर चला जाता है।

Answer 10

मैं बस एक बहुत अजीब था। मैंने सभी बिगेल टूल्स को एक बड़ी लंबी npm installकमांड के साथ स्थापित किया, और सब कुछ त्रुटियों के बिना स्थापित किया ... सिवाय इसके कि इस थ्रेड में प्रलेखित त्रुटि को रनटाइम पर फेंक दिया गया था।

मैंने देखा कि संस्करण पैकेज.जोन फ़ाइल में 0.0.0 था, इसलिए मैं npm install --save-dev babel-preset-es2015फिर से भागा और यह काम किया और मेरे पैकेज में एक महत्वपूर्ण कुंजी रखी। जेसन फाइल:

   "devDependencies": {
     "babel-cli": "^6.24.1",
     "babel-core": "^6.24.1",
     "babel-polyfill": "^6.23.0",
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-es2015": "0.0.0",
     "babel-preset-stage-2": "^6.24.1",
     "eslint": "^3.19.0"
   }

मैंने अभी-अभी बॉटक्ड एंट्री निकाली और इस relative to directoryत्रुटि को दूर किया।

Answer 11

मेरी समस्या यह थी कि अन्य कार्यक्रम संकलन प्रक्रिया में शामिल एक फ़ाइल का उपयोग कर रहा था (शायद .babelrc)। कई ऐप बंद करने से मेरी समस्या हल हो गई।

मेरे लिए eqFTP विस्तार के साथ ड्रॉपबॉक्स या यहां तक ​​कि ब्रैकेट संपादक भी थे।

अभिवादन

Answer 12

बैबल 7 अपडेट

से डॉक्स अब आप का उपयोग करना चाहिए @babel/preset-envकिसी अन्य के बजाय presetउल्लेख

"Env" प्रीसेट को अब एक वर्ष से अधिक समय हो गया है, और हमारे द्वारा पहले सुझाए गए कुछ प्रीसेट्स को पूरी तरह से बदल देता है।

• कोलाहल-पूर्व निर्धारित-es2015
• कोलाहल-पूर्व निर्धारित-es2016
• कोलाहल-पूर्व निर्धारित-es2017
• कोलाहल-पूर्व निर्धारित-नवीनतम
• उपरोक्त ^ का संयोजन

yarn add @babel/preset-env

या

npm install @babel/preset-env