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

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

나는 같은 문제가 있었고,이 두 번째 제안은 내 문제를 알아 차리는 데 도움이되었으며 아마도 당신의 문제 일 수도 있습니다.

나는 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오류가 사라집니다.

방금 정말 이상한 걸 먹었어요. 나는 하나의 큰 긴 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"사전 설정은 1 년 이상 출시되었으며 이전에 제안했거나 제안한 일부 사전 설정을 완전히 대체합니다.

• 바벨 프리셋 -es2015
• babel-preset-es2016
• 바벨-프리셋 -es2017
• 바벨 사전 설정 최신
• 위의 조합 ^

yarn add @babel/preset-env

또는

npm install @babel/preset-env