Programing

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

lottogame 2020. 9. 24. 08:10
반응형

오류 : "/ 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-es2015gulp-babel.


프로젝트의 루트 폴더에 .babelrc 파일이 있는지 확인하십시오. .babelrc 파일을 생성하지 않은 경우 다음을 추가하십시오.

{
  "presets": ["es2015"]
}

문제가 해결되었습니다.


동일한 문제가 발생했으며 .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']);

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.


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.


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

참고URL : https://stackoverflow.com/questions/34819473/error-couldnt-find-preset-es2015-relative-to-directory-users-username

반응형