Recibo el siguiente error al intentar usar gulp-babel:
Error: no se pudo encontrar el ajuste preestablecido "es2015" relativo al directorio "/ Usuarios / nombre de usuario"
Tengo el ajuste preestablecido es2015 instalado global y localmente, por lo que no veo por qué esto sería un problema.
A continuación se muestra mi configuración de gulp y 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"
}
Estoy usando el nodo v5.1.0 y babel v6.4.0
Aquí está la salida terminal
javascript
node.js
ecmascript-6
gulp
babeljs
Brian Douglas
fuente
fuente
presets
matriz, como['es2015']
, aunque no estoy muy segurovar gulp = require('gulp');
.babelrc
archivo en su directorio personal? Dado que ahí es donde está buscando el preset, eso significa que es de donde viene la configuración.Respuestas:
Solo necesitas instalar
babel-preset-es2015
:Ejemplo de uso de CLI:
fuente
el "es2015" en:
.pipe(babel({ presets: ['es2015'] }))
es en realidad una ruta, por lo que si no tiene el ajuste preestablecido en el directorio / Users / username / es2015, debe apuntar exactamente a él como, por ejemplo:
.pipe(babel({ presets: ['../../gulp/node_modules/babel-preset-es2015'] }))
funcionó para mi
fuente
Para solucionar este problema, debe eliminar el archivo .babelrc (oculto) del directorio "/ Users / username".
fuente
Acabo de usar este gulpfile.js exacto
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')); });
Y funcionó para mí. Sólo instalado
babel
,babel-preset-es2015
ygulp-babel
.fuente
babel-preset-es2015
explícita como se muestra aquí resolvió mi problema.Compruebe si tiene el archivo .babelrc en la carpeta raíz de su proyecto. De lo contrario, cree el archivo .babelrc y agregue lo siguiente:
{ "presets": ["es2015"] }
Solucionó el problema.
fuente
Podrías intentar instalar
es2015
ystage-2
víanpm i babel-preset-es2015 --save npm i babel-preset-stage-2 --save
fuente
Encontré el mismo problema y fue porque tenía un
.babelrc
archivo en la raíz de mi directorio.Para arreglar esto, agregue
babelrc: false
dentro de las opciones de 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')); });
fuente
.babelrc
archivo en mi raíz y este fue el problema. la configuraciónbabelrc: false
parece no funcionar, pero cuando elimino todo funciona.Tuve el mismo problema y esta segunda sugerencia me ayudó a darme cuenta de mi problema y tal vez también sea el tuyo.
Yo
npm install gulp-babel-es2015
entonces no lo incluye en el gulpfile en absoluto.Entonces la
babel({presets: ['es2015']})
opción es solo una cadena como se muestra en los ejemplos aquí https://www.npmjs.com/package/gulp-babel .Aquí está mi 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']);
Además, a partir de este número aquí, https://github.com/laravel/elixir/issues/354
Las sugerencias son que debe actualizar el nodo a la versión 5.xx y npm a 3.xx
fuente
La situación en la que encuentro este problema es que moví los archivos de
xxx
axxx/server
. Y luego debajoxxx/server
veré elError: Couldn't find preset "es2015" relative to directory "/Users/username/xxx"
error. La verdadera razón es que me olvidé de mover ese.babelrc
archivo debajoxxx
. Y después de mover eso.babelrc
axxx/server
, el error desaparece.fuente
Acabo de tener uno realmente extraño. Instalé todas las herramientas de babel con un
npm install
comando grande y largo , y todo se instaló sin errores ... excepto que arrojaba el error documentado en este hilo, en tiempo de ejecución.Noté que la versión era 0.0.0 en el archivo package.json, así que volví a ejecutar
npm install --save-dev babel-preset-es2015
y funcionó y coloqué una SEGUNDA clave en mi archivo 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" }
Acabo de eliminar la entrada fallida y borró este
relative to directory
error.fuente
Mi problema fue que otro programa estaba usando un archivo involucrado en el proceso de compilación (probablemente el .babelrc). Cerrar varias aplicaciones resolvió mi problema.
Para mí fue Dropbox o incluso Brackets Editor con extensión eqFTP.
Saludos
fuente
Actualización de Babel 7
De los documentos que ahora debería usar en
@babel/preset-env
lugar de cualquier otrapreset
mencióno
fuente