モジュールが見つかりません：エラー： 'core-js / es6'を解決できません

Reactアプリに関連するビルドプロセスに問題があります。

私は常に次のエラーを受け取ります：

モジュールが見つかりません：エラー： 'core-js / es6'を解決できません

これをpolyfill.jsで使用する場合：

'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でテスト済み

最終的に、polypath.jsという名前のファイルがprojectpath \ src \ polyfill.jsにあり ます。このファイルには、次の行のみが含まれています。import 'core-js'; このポリフィルはes-6だけでなく、バ​​ージョン3.0.0以降のcore-jsを使用する正しい方法です。

polyfill.jsを次のようにwebpack-fileエントリ属性に追加しました。

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）

したがって、'core-js'をインポートすると思います。大丈夫です

@babel/preset-envand を使用する場合は、useBuiltInsオプションの横useBuiltInsに追加するだけでcorejs: 3、使用するバージョンを指定できます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」に変更します