Ошибка: не удалось найти предустановку «es2015» относительно каталога «/ Users / username»

При попытке использовать 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"
  }

Я использую node 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-es2015и gulp-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снова, и он сработал и поместил ВТОРОЙ ключ в мой файл 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 или даже редактор скобок с расширением eqFTP.

приветствия

Babel 7 обновить

Из документации вы должны теперь использовать @babel/preset-envвместо любого другого presetупоминания

Пресет "env" отсутствует уже более года и полностью заменяет некоторые из пресетов, которые мы предлагали / предлагали ранее.

• babel-preset-es2015
• babel-preset-es2016
• babel-preset-es2017
• babel-preset-latest
• Комбинация вышеперечисленного ^

yarn add @babel/preset-env

или же

npm install @babel/preset-env