Modul nicht gefunden: Fehler: 'core-js / es6' kann nicht aufgelöst werden

Ich habe ein Problem mit meinem Erstellungsprozess in Bezug auf meine React-App.

Ich erhalte immer den folgenden Fehler:

Modul nicht gefunden: Fehler: 'core-js / es6' kann nicht aufgelöst werden

wenn ich dies in einer polyfill.js verwende:

'core-js / es6' importieren;

Das ist mein 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"
  }
}

Kann hier jemand helfen?

Die Importe haben sich beispielsweise für core-js Version 3.0.1 geändert

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

kann nun einfach durch folgendes bereitgestellt werden

import 'core-js/es/array';

wenn Sie es vorziehen würden, nicht alle Core-Js einzubringen

Ich habe eine mögliche Antwort gefunden. Sie haben Core-JS- Version 3.0, und diese Version verfügt nicht über separate Ordner für ES6 und ES7 . Aus diesem Grund kann die Anwendung keine korrekten Pfade finden.

Um diesen Fehler zu beheben, können Sie die core-js- Version auf 2.5.7 herunterstufen . Diese Version produziert korrekte Kataloge Struktur mit getrennten ES6 und ES7 Ordner.

Um die Version herunterzustufen, führen Sie einfach Folgendes aus:

npm i -S core-js@2.5.7

In meinem Fall funktioniert dies mit Angular in Ordnung.

Ändern Sie alle "es6" und "es7" in "es" in Ihren polyfills.ts und polyfills.ts (optional).

• Von: import 'core-js/es6/symbol';
• Zu: import 'core-js/es/symbol';

Nach migrierenden Angular8 , core-js/es6oder core-js/es7nicht funktionieren.

Sie müssen einfach den Import ersetzen core-js/es/

Zum Beispiel.

import 'core-js/es6/symbol'  

zu

import 'core-js/es/symbol'

Dies wird ordnungsgemäß funktionieren.

Klar, ich hatte ein ähnliches Problem und ein einfaches

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

hat den Trick für mich gemacht.

Die Verwendung von @ babel / polyfill ist jedoch veraltet (laut diesem Kommentar ). Versuchen Sie dies daher nur, wenn Sie der Meinung sind, dass ältere Pakete installiert sind oder wenn alles andere fehlschlägt.

Ändern Sie einfach "target": "es2015" in "target": "es5" in Ihrer tsconfig.json.

Arbeite für mich mit Angular 8.2.XX

Getestet auf IE11 und Edge

Es wurde eine Datei mit dem Namen polyfill.js im Projektpfad \ src \ polyfill.js erstellt. Diese Datei enthält nur die folgende Zeile: import 'core-js'; Diese Polyfüllung füllt nicht nur es-6, sondern ist auch die richtige Art, Core-js seit Version 3.0.0 zu verwenden.

Ich fügte hinzu , die polyfill.js meiner webpack-Dateieintrag Attribut wie folgt aus :

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

Funktioniert perfekt.

Ich habe hier auch weitere Informationen gefunden: https://github.com/zloirock/core-js/issues/184

Der Bibliotheksautor ( zloirock ) behauptet:

ES6 ändert das Verhalten fast aller in ES5 hinzugefügten Funktionen, sodass der Einstiegspunkt von core-js / es6 fast alle umfasst. Wie Sie geschrieben haben, ist dies auch erforderlich, um fehlerhafte Browser-Implementierungen zu beheben.

(Zitat https://github.com/zloirock/core-js/issues/184 von zloirock)

Ich denke also, importiere 'core-js'; ist in Ordnung.

Wenn Sie @babel/preset-envund verwenden useBuiltIns, müssen Sie nur corejs: 3neben der Option useBuiltIns hinzufügen , um anzugeben, welche Version verwendet werden soll corejs: 2.

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

Weitere Informationen finden Sie unter: 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

Ändern Sie alle "es6" und "es7" in "es" in Ihren polyfills.ts und polyfills.ts