错误: 无法找到相对于目录“/Users/username”的预设“ es2015”

在尝试使用 Gulp-babel 时,我得到了以下错误:

错误: 无法找到相对于目录的预设“ es2015” ”/用户/用户名

我已经在全球和本地安装了 es2015预设,所以不明白为什么这会是一个问题。

下面是我的吞咽设置和包。 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'));
});

包裹 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

这是终端输出

终端输出端输出

77159 次浏览

I just used this exact 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'));
});

and it worked for me. I only installed babel, babel-preset-es2015 and gulp-babel.

I had the same issue, and this second suggestion helped me noticing my problem and maybe it's yours too.

I npm install gulp-babel-es2015 then didn't include it in the gulpfile at all.

Then babel({presets: ['es2015']}) option is just a string as shown in the examples here https://www.npmjs.com/package/gulp-babel .

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

Also, as from this issue here, https://github.com/laravel/elixir/issues/354

Suggestions are you should update node to version 5.x.x and npm to 3.x.x.

You only need to install babel-preset-es2015:

CLI usage example:

npm install babel-cli babel-preset-es2015

the "es2015" in :

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

is actually a path - so if you don't have the preset in the /Users/username/es2015 directory you have to point exactly to it like for instance:

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

it worked for me

I encountered the same issue and it was because I had a .babelrc file in the root of my directory.

To fix this add babelrc: false inside the babel options:

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

I just had a really weird one. I installed all the babel tools with one big long npm install command, and everything installed without errors... except it was throwing the error documented in this thread, at runtime.

I noticed the version was 0.0.0 in the package.json file, so I ran npm install --save-dev babel-preset-es2015 again and it worked and placed a SECOND key into my package.json file:

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

I just removed the botched entry and it cleared up this relative to directory error.

To fix this issue You should remove .babelrc (hidden) file from "/Users/username" directory.

Check if you have .babelrc file in the root folder of your Project. If not create .babelrc file and add the following:

{
"presets": ["es2015"]
}

It fixed the issue.

The situation where I encounter this problem is that I have moved the files from xxx to xxx/server. And then under xxx/server I will see the Error: Couldn't find preset "es2015" relative to directory "/Users/username/xxx" error. The real reason is that I have forgotten to move that .babelrc file under xxx. And after I move that .babelrc to xxx/server, the error goes away.

My problem was that other program was using a file involved in the compilation process (probably the .babelrc). Closing several apps solved my problem.

For me was Dropbox or even Brackets Editor with eqFTP extension.

Greetings

Babel 7 update

From the docs you should now use @babel/preset-env instead of any other preset mention

The "env" preset has been out for more than a year now, and completely replaces some of the presets we've had/suggested earlier.

  • babel-preset-es2015
  • babel-preset-es2016
  • babel-preset-es2017
  • babel-preset-latest
  • A combination of the above ^
yarn add @babel/preset-env

or

npm install @babel/preset-env

You could try installing es2015 and stage-2 via

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