Hata: "/ Kullanıcılar / kullanıcı adı" dizinine göre önceden ayarlanmış "es2015" bulunamadı

Gulp-babel'i kullanmaya çalışırken şu hatayı alıyorum:

Hata: "/ Kullanıcılar / kullanıcı adı" dizinine göre "es2015" ön ayarı bulunamadı

Es2015 ön ayarını küresel ve yerel olarak kurdum, bu yüzden bunun neden bir sorun olacağını anlayamıyorum.

Aşağıda benim gulp kurulumum ve package.json var.

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"
  }

Düğüm v5.1.0 ve babel v6.4.0 kullanıyorum

İşte terminal çıkışı

terminal çıkışı

Yalnızca babel-preset-es2015şunları yüklemeniz gerekir :

CLI kullanım örneği:

npm install babel-cli babel-preset-es2015

içinde "es2015":

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

aslında bir yoldur - yani / Users / username / es2015 dizininde ön ayarınız yoksa, örneğin tam olarak onu işaret etmeniz gerekir:

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

benim için çalıştı

Bu sorunu düzeltmek için .babelrc (gizli) dosyasını "/ Users / username" dizininden kaldırmalısınız.

Az önce tam olarak bu gulpfile.js'yi kullandım

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

ve benim için çalıştı. Ben sadece yüklü babel, babel-preset-es2015ve gulp-babel.

Projenizin kök klasöründe .babelrc dosyanız olup olmadığını kontrol edin. .Babelrc dosyası oluşturmazsanız ve aşağıdakileri ekleyin:

{
  "presets": ["es2015"]
}

Sorunu çözdü.

Sen yüklemeyi deneyebilirsiniz es2015ve stage-2üzeri

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

Aynı sorunla karşılaştım ve bunun nedeni .babelrcdizinimin kökünde bir dosyam olmasıydı .

Bunu düzeltmek babelrc: falseiçin babel seçeneklerini ekleyin :

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

Ben de aynı sorunu yaşadım ve bu ikinci öneri benim sorunumu fark etmeme yardımcı oldu ve belki de senin.

Daha npm install gulp-babel-es2015sonra onu yudum dosyasına hiç dahil etmedim.

O zaman babel({presets: ['es2015']})seçenek, https://www.npmjs.com/package/gulp-babel buradaki örneklerde gösterildiği gibi yalnızca bir dizedir .

İşte benim yutum dosyam.

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

Ayrıca, buradaki bu sorundan itibaren, https://github.com/laravel/elixir/issues/354

Öneriler, düğümü 5.xx sürümüne ve npm'yi 3.xx'e güncellemeniz gerektiğidir.

Bu sorunla karşılaştığınızda durum ben dosyaları taşınmış olmasıdır xxxiçin xxx/server. Ve sonra altında hatayı xxx/servergöreceğim Error: Couldn't find preset "es2015" relative to directory "/Users/username/xxx". Asıl sebep, o .babelrcdosyayı altına taşımayı unutmuş olmam xxx. Bunu taşıdıktan sonra Ve .babelrcüzere xxx/server, hata kaybolur.

Gerçekten tuhaf bir tane yaşadım. Tüm babel araçlarını tek bir büyük uzun npm installkomutla yükledim ve her şeyi hatasız olarak yükledim ... bu iş parçacığında belgelenen hatayı çalışma zamanında atması dışında.

Package.json dosyasında sürümün 0.0.0 olduğunu fark ettim, bu yüzden npm install --save-dev babel-preset-es2015tekrar çalıştırdım ve çalıştı ve package.json dosyama bir İKİNCİ anahtar yerleştirdim:

   "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"
   }

Sadece yanlış girişi kaldırdım ve bu relative to directoryhatayı düzelttim .

Benim sorunum, diğer programın derleme sürecine dahil olan bir dosya (muhtemelen .babelrc) kullanıyor olmasıydı. Birkaç uygulamayı kapatmak sorunumu çözdü.

Benim için Dropbox veya hatta eqFTP uzantılı Brackets Editor idi.

Selamlar

Babel 7 güncellemesi

Gönderen docs şimdi kullanmalısınız @babel/preset-envbaşka yerine presetsöz

"Env" ön ayarı bir yıldan fazla bir süredir piyasada ve daha önce sahip olduğumuz / önerdiğimiz bazı ön ayarların yerini alıyor.

• babel-preset-es2015
• babel-preset-es2016
• babel-preset-es2017
• babel-preset-en son
• Yukarıdakilerin bir kombinasyonu ^

yarn add @babel/preset-env

veya

npm install @babel/preset-env