エラー：ディレクトリ「/ Users / username」に対してプリセット「es2015」が見つかりませんでした

gulp-babelを使おうとすると、次のエラーが発生します。

エラー：ディレクトリ「/ Users / username」に対してプリセット「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とbabelv6.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']
}))

それは私のために働いた

この問題を修正するには、「/ Users / username」ディレクトリから.babelrc（隠し）ファイルを削除する必要があります。

この正確な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'));
});

そしてそれは私のために働いた。Iのみインストール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'));
});

私は同じ問題を抱えていました、そしてこの2番目の提案は私が私の問題に気付くのを助けました、そして多分それはあなたのものでもあります。

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ツールを1つの大きな長いnpm installコマンドでインストールし、すべてがエラーなしでインストールされました...実行時にこのスレッドに記載されているエラーをスローすることを除いて。

package.jsonファイルのバージョンが0.0.0であることに気付いたので、npm install --save-dev babel-preset-es2015もう一度実行して動作し、package.jsonファイルに2番目のキーを配置しました。

   "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拡張機能を備えたBracketsEditorでした。

ご挨拶

Babel7アップデート

ドキュメントから、@babel/preset-env他のpreset言及の代わりに使用する必要があります

「env」プリセットは1年以上前からリリースされており、以前に持っていた/提案したプリセットの一部を完全に置き換えています。

• babel-preset-es2015
• babel-preset-es2016
• babel-preset-es2017
• バベル-プリセット-最新
• 上記の組み合わせ^

yarn add @babel/preset-env

または

npm install @babel/preset-env