모듈을 찾을 수 없음 : 오류 : 'core-js / es6'을 해결할 수 없습니다.

React 앱과 관련하여 빌드 프로세스에 문제가 있습니다.

항상 다음과 같은 오류가 발생합니다.

모듈을 찾을 수 없음 : 오류 : 'core-js / es6'을 해결할 수 없습니다.

polyfill.js에서 이것을 사용하면 :

import 'core-js / es6';

그것은 내 package.json입니다.

{
  "name": "test",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "private": true,
  "devDependencies": {
    "@babel/core": "^7.4.0",
    "@babel/preset-env": "^7.4.2",
    "@babel/preset-react": "^7.0.0",
    "@babel/runtime": "^7.4.2",
    "babel-loader": "^8.0.5",
    "babel-preset-es2015": "^6.24.1",
    "copy-webpack-plugin": "^5.0.2",
    "css-hot-loader": "^1.4.4",
    "eslint": "5.15.3",
    "eslint-config-airbnb": "^17.1.0",
    "eslint-loader": "^2.1.2",
    "eslint-plugin-import": "2.16.0",
    "eslint-plugin-jsx-a11y": "6.2.1",
    "eslint-plugin-react": "7.12.4",
    "file-loader": "^3.0.1",
    "node-sass": "^4.11.0",
    "prettier": "^1.16.4",
    "react-hot-loader": "4.8.0",
    "sass-loader": "^7.1.0",
    "webpack": "^4.29.6",
    "webpack-cli": "^3.3.0",
    "webpack-dev-server": "^3.2.1"
  },
  "dependencies": {
    "axios": "^0.18.0",
    "core-js": "^3.0.0",
    "prop-types": "^15.7.2",
    "react": "^16.8.5",
    "react-dom": "^16.8.5",
    "react-redux": "^6.0.1",
    "react-string-replace": "^0.4.1",
    "redux": "^4.0.1",
    "slick-carousel": "^1.8.1"
  },
  "scripts": {
    "dev": "webpack-dev-server --hot",
    "build": "webpack --colors --profile --progress --env.mode production",
    "lint": "eslint ./src/ --ext .js,.jsx"
  }
}

누군가 여기서 도울 수 있습니까?

core-js 버전 3.0.1의 가져 오기가 변경되었습니다.

import 'core-js/es6/array'; 과 import 'core-js/es7/array';

이제 다음과 같이 간단히 제공 할 수 있습니다.

import 'core-js/es/array';

core-js 전체를 가져 오지 않으려면

가능한 답을 찾았습니다. 당신은 코어 JS 버전 3.0,이 버전에 대한 별도의 폴더가없는 ES6 및 ES7을 ; 이것이 응용 프로그램이 올바른 경로를 찾을 수없는 이유입니다.

이 오류를 해결하려면 core-js 버전을 2.5.7로 다운 그레이드 할 수 있습니다 . 이 버전은 별도의 ES6 및 ES7 폴더를 사용 하여 올바른 카탈로그 구조를 생성합니다 .

버전을 다운 그레이드하려면 다음을 실행하십시오.

npm i -S core-js@2.5.7

제 경우에는 Angular를 사용하면 정상적으로 작동합니다.

polyfills.ts 및 polyfills.ts에서 모든 "es6"및 "es7"을 "es"로 변경합니다 (선택 사항).

• 에서: import 'core-js/es6/symbol';
• 에: import 'core-js/es/symbol';

마이그레이션 이후에 Angular8 , core-js/es6또는 core-js/es7작동하지 않습니다.

당신은 단순히 수입을 대체해야 core-js/es/

예를 들어.

import 'core-js/es6/symbol'  

에

import 'core-js/es/symbol'

이것은 제대로 작동합니다.

물론, 비슷한 문제가 있었고 간단한

npm uninstall @babel/polyfill --save &&
npm install @babel/polyfill --save

나를 위해 트릭을했다.

그러나 @ babel / polyfill의 사용은 더 이상 사용되지 않으므로 ( 이 주석 에 따라 ) 오래된 패키지가 설치되어 있다고 생각하거나 다른 모든 것이 실패한 경우에만 시도하십시오.

tsconfig.json에서 "target": "es2015"를 "target": "es5"로 변경하십시오.

Angular 8.2.XX로 나를 위해 일하십시오.

IE11 및 Edge에서 테스트 됨

라는 파일 polyfill.js을 위해 종단에서 projectpath \ SRC \ polyfill.js 파일 만이 줄을 포함 : 수입 '코어 JS를'; 이 polyfill은 es-6뿐만 아니라 버전 3.0.0부터 core-js를 사용하는 올바른 방법입니다.

다음 과 같이 내 webpack-file 항목 속성에 polyfill.js 를 추가했습니다 .

entry: ['./src/main.scss', './src/polyfill.js', './src/main.jsx']

완벽하게 작동합니다.

또한 여기에서 더 많은 정보를 찾았습니다 : https://github.com/zloirock/core-js/issues/184

도서관 저자 ( zloirock )는 다음과 같이 주장합니다.

ES6는 ES5에 추가 된 거의 모든 기능의 동작을 변경하므로 core-js / es6 진입 점에는 거의 모든 기능이 포함됩니다. 또한 작성한대로 깨진 브라우저 구현을 수정하는 데 필요합니다.

( zloirock에서 인용 https://github.com/zloirock/core-js/issues/184 )

그래서 저는 import 'core-js' 라고 생각합니다 . 괜찮습니다.

당신이 사용하는 경우 @babel/preset-env와 useBuiltIns, 당신은 단지 추가해야 corejs: 3사용할 버전을 지정하려면 useBuiltIns 옵션 옆에 기본입니다 corejs: 2.

presets: [
  [
    "@babel/preset-env", {
      "useBuiltIns": "usage",
      "corejs": 3
    }
  ]
],

자세한 내용은 https://github.com/zloirock/core-js/blob/master/docs/2019-03-19-core-js-3-babel-and-a-look-into-the-future를 참조하십시오. .md # babelpreset-env

polyfills.ts 및 polyfills.ts에서 모든 "es6"및 "es7"을 "es"로 변경하십시오.