ข้อผิดพลาด: ไม่พบ“ es2015” ที่ตั้งไว้ล่วงหน้าซึ่งสัมพันธ์กับไดเรกทอรี“ / Users / ชื่อผู้ใช้”

ฉันได้รับข้อผิดพลาดต่อไปนี้เมื่อพยายามใช้ gulp-babel:

ข้อผิดพลาด: ไม่พบ "es2015" ที่ตั้งไว้ล่วงหน้าที่สัมพันธ์กับไดเร็กทอรี "/ Users / username"

ฉันมีการตั้งค่าล่วงหน้า es2015 ไว้ทั่วโลกและในเครื่องดังนั้นจึงไม่เห็นว่าทำไมถึงเป็นปัญหา

ด้านล่างนี้คือการตั้งค่าอึกของฉันและ 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 และ babel v6.4.0

นี่คือการส่งออกของเทอร์มินัล

เอาท์พุทขั้ว

คุณต้องติดตั้งเท่านั้นbabel-preset-es2015:

ตัวอย่างการใช้งาน CLI:

npm install babel-cli babel-preset-es2015

"es2015" ใน:

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

เป็นเส้นทาง - ดังนั้นหากคุณไม่มีค่าที่ตั้งไว้ล่วงหน้าในไดเร็กทอรี / Users / username / es2015 คุณต้องชี้ไปที่มันเช่น:

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

มันได้ผลสำหรับฉัน

ในการแก้ไขปัญหานี้คุณควรลบไฟล์. babelrc (ซ่อน) ออกจากไดเร็กทอรี "/ Users / username"

ฉันเพิ่งใช้ 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-es2015gulp-babel

ตรวจสอบว่าคุณมีไฟล์. babelrc ในโฟลเดอร์รากของโครงการของคุณหรือไม่ หากไม่สร้างไฟล์. babelrc และเพิ่มสิ่งต่อไปนี้:

{
  "presets": ["es2015"]
}

แก้ไขปัญหาได้แล้ว

คุณสามารถลองติดตั้งes2015และstage-2ผ่านไฟล์

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

ฉันพบปัญหาเดียวกันและเป็นเพราะฉันมี.babelrcไฟล์ในรูทของไดเรกทอรีของฉัน

ในการแก้ไขส่วนเพิ่มนี้babelrc: falseภายในตัวเลือก babel:

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'));
});

ฉันมีปัญหาเดียวกันและคำแนะนำที่สองนี้ช่วยให้ฉันสังเกตเห็นปัญหาของฉันและอาจเป็นของคุณด้วย

npm install gulp-babel-es2015จากนั้นฉันไม่ได้รวมไว้ใน gulpfile เลย

จากนั้นbabel({presets: ['es2015']})ตัวเลือกที่เป็นเพียงสตริงดังแสดงในตัวอย่างที่นี่https://www.npmjs.com/package/gulp-babel

นี่คือ gulpfile ของฉัน

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

คำแนะนำคือคุณควรอัปเดต node เป็นเวอร์ชัน 5.xx และ npm เป็น 3.xx

สถานการณ์ที่ผมพบปัญหานี้ก็คือว่าผมได้ย้ายไฟล์จากไปxxx xxx/serverจากนั้นภายใต้xxx/serverฉันจะเห็นError: Couldn't find preset "es2015" relative to directory "/Users/username/xxx"ข้อผิดพลาด สาเหตุที่แท้จริงคือฉันลืมย้าย.babelrcไฟล์xxxนั้นไปข้างใต้ และหลังจากฉันย้าย.babelrcไปxxx/serverที่ข้อผิดพลาดจะหายไป

ฉันมีตัวประหลาดจริงๆ ฉันติดตั้งเครื่องมือ Babel ทั้งหมดที่มีความยาวขนาดใหญ่npm installคำสั่งคำสั่งเดียวและทุกอย่างติดตั้งโดยไม่มีข้อผิดพลาด ... ยกเว้นว่ามีการทิ้งข้อผิดพลาดที่บันทึกไว้ในเธรดนี้ขณะรันไทม์

ฉันสังเกตเห็นเวอร์ชัน 0.0.0 ในไฟล์ package.json ดังนั้นฉันจึงรันnpm install --save-dev babel-preset-es2015อีกครั้งและใช้งานได้และวางคีย์ SECOND ลงในไฟล์ package.json ของฉัน:

   "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ข้อผิดพลาดนี้

ปัญหาของฉันคือโปรแกรมอื่นกำลังใช้ไฟล์ที่เกี่ยวข้องกับกระบวนการคอมไพล์ (อาจเป็น. babelrc) การปิดแอพหลายตัวช่วยแก้ปัญหาของฉันได้

สำหรับฉันคือ Dropbox หรือแม้แต่ Brackets Editor ที่มีส่วนขยาย eqFTP

ทักทาย

อัปเดต Babel 7

จากเอกสารตอนนี้คุณควรใช้@babel/preset-envแทนการpresetกล่าวถึงอื่น ๆ

ค่าที่ตั้งไว้ล่วงหน้า "env" ออกมานานกว่าหนึ่งปีแล้วและแทนที่ค่าที่ตั้งไว้ล่วงหน้าบางส่วนที่เรามี / แนะนำก่อนหน้านี้โดยสิ้นเชิง

• babel- ที่ตั้งไว้ล่วงหน้า-es2015
• babel ที่ตั้งไว้ล่วงหน้า es2016
• babel-preset-es2017
• babel-preset ล่าสุด
• การรวมกันของข้างต้น ^

yarn add @babel/preset-env

หรือ

npm install @babel/preset-env