Помилка: Не вдалося знайти попередньо встановлений “es2015” щодо каталогу “/ Користувачі / ім’я користувача”

Я отримую таку помилку при спробі використовувати gulp-babel:

Помилка: Не вдалося знайти попередньо встановлений "es2015" щодо каталогу "/ Користувачі / ім'я користувача"

У мене встановлено пресет 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"
  }

Я використовую 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

Пропонуємо вам оновити вузол до версії 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команди, і все встановилося без помилок ... за винятком того, що він викидав помилку, задокументовану в цьому потоці, під час виконання.

Я помітив, що у файлі package.json версія була 0.0.0, тому я запустив 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