[javascript] 오류 : “/ Users / username”디렉터리와 관련된 사전 설정 “es2015″를 찾을 수 없습니다.

Program / 글쓴이

gulp-babel을 사용하려고 할 때 다음 오류가 발생합니다.

오류 : “/ Users / username”디렉토리와 관련된 사전 설정 “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"
  }

노드 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']
}))

그것은 나를 위해 일했다

답변

이 문제를 해결하려면 “/ 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'));
});

그리고 그것은 나를 위해 일했습니다. 난 단지 설치 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: falsebabel 옵션 내부에 추가하십시오 .

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