Nie znaleziono modułu: Błąd: nie można rozwiązać „core-js / es6”

Mam problem z procesem kompilacji w odniesieniu do mojej aplikacji React.

Zawsze otrzymuję następujący błąd:

Nie znaleziono modułu: Błąd: nie można rozwiązać „core-js / es6”

jeśli użyję tego w pliku polyfill.js:

import „core-js / es6”;

To jest mój 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"
  }
}

Czy ktoś może tu pomóc?

Importy zmieniły się dla core-js w wersji 3.0.1 - na przykład

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

można teraz zapewnić po prostu przez następujące

import 'core-js/es/array';

jeśli wolisz nie wprowadzać całego core-js

Znalazłem możliwą odpowiedź. Masz wersję 3.0 core-js , a ta wersja nie ma oddzielnych folderów dla ES6 i ES7 ; dlatego aplikacja nie może znaleźć poprawnych ścieżek.

Aby rozwiązać ten błąd, możesz obniżyć wersję core-js do 2.5.7. Ta wersja tworzy poprawną strukturę katalogów z oddzielnymi folderami ES6 i ES7 .

Aby obniżyć wersję, po prostu uruchom:

npm i -S core-js@2.5.7

W moim przypadku z Angularem to działa dobrze.

Zmień wszystkie „es6” i „es7” na „es” w plikach polyfills.ts i polyfills.ts (opcjonalnie).

• Z: import 'core-js/es6/symbol';
• Do: import 'core-js/es/symbol';

Po migracji do Angular8 , core-js/es6lub core-js/es7nie będzie działać.

Musisz po prostu zastąpić import core-js/es/

Na przykład.

import 'core-js/es6/symbol'  

do

import 'core-js/es/symbol'

To zadziała poprawnie.

Jasne, miałem podobny problem i prosty

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

załatwił sprawę dla mnie.

Jednak użycie @ babel / polyfill jest przestarzałe (zgodnie z tym komentarzem ), więc spróbuj tego tylko wtedy, gdy myślisz, że masz zainstalowane starsze pakiety lub jeśli wszystko inne zawiedzie.

Skończyło się na tym, że plik o nazwie polyfill.js był w ścieżce projektu \ src \ polyfill.js Ten plik zawiera tylko tę linię: import 'core-js'; to polyfill nie tylko es-6, ale jest poprawnym sposobem używania core-js od wersji 3.0.0.

Dodałem polyfill.js do mojego atrybutu wpisu pliku webpack w następujący sposób:

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

Działa świetnie.

Znalazłem też więcej informacji tutaj: https://github.com/zloirock/core-js/issues/184

Autor biblioteki ( zloirock ) twierdzi:

ES6 zmienia zachowanie prawie wszystkich funkcji dodanych w ES5, więc punkt wejścia core-js / es6 zawiera prawie wszystkie z nich. Ponadto, jak napisałeś, jest to wymagane do naprawy zepsutych implementacji przeglądarek.

(Cytat https://github.com/zloirock/core-js/issues/184 ze zloirock)

Myślę więc, że importujemy „core-js”; jest w porządku.

Po prostu zmień „target”: „es2015” na „target”: „es5” w pliku tsconfig.json.

Pracuj dla mnie z Angular 8.2.XX

Testowane na IE11 i Edge

Jeśli używasz @babel/preset-envi useBuiltIns, po prostu musisz dodać corejs: 3obok opcji useBuiltIns, aby określić, której wersji użyć, domyślnie jest corejs: 2.

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

Więcej informacji można znaleźć na stronie : 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

Zmień wszystkie „es6” i „es7” na „es” w plikach polyfills.ts i polyfills.ts