Модуль не знайдено: Помилка: Не вдається вирішити '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

Я знайшов можливу відповідь. У вас є версія core-js версії 3.0, і ця версія не має окремих папок для ES6 та ES7 ; тому програма не може знайти правильні шляхи.

Щоб усунути цю помилку, ви можете зменшити версію core-js до 2.5.7. Ця версія створює правильну структуру каталогів, з окремими папками ES6 та ES7 .

Щоб зменшити версію, просто запустіть:

npm i -S core-js@2.5.7

У моєму випадку з Angular це добре працює.

Змініть усі "es6" та "es7" на "es" у своїх polyfills.ts та polyfills.ts (необов'язково).

• Від: 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 застаріле (відповідно до цього коментаря ), тому спробуйте це лише у тому випадку, якщо ви вважаєте, що у вас встановлені старіші пакети або якщо все інше не вдається.

Просто змініть "target": "es2015" на "target": "es5" у своєму tsconfig.json.

Робота для мене з кутовим 8.2.XX

Тестували на IE11 та Edge

У проекті pathpath \ src \ polyfill.js файл має ім'я polyfill.js. Цей файл містить лише цей рядок: import 'core-js'; цей поліфіл не тільки es-6, але є правильним способом використання core-js з версії 3.0.0.

Я додав polyfill.js до свого атрибута введення файлу webpack-файл таким чином:

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

Працює чудово.

Тут я також знайшов додаткову інформацію: https://github.com/zloirock/core-js/isissue/184

Автор бібліотеки ( злоїрок ) стверджує:

ES6 змінює поведінку майже всіх функцій, доданих у ES5, тому точка входу core-js / es6 включає майже всі вони. Крім того, як ви писали, це потрібно для виправлення зламаних реалізацій браузера.

(Цитата https://github.com/zloirock/core-js/isissue/184 від zloirock)

Тому я думаю, що імпортуємо '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

Змініть усі "es6" та "es7" на "es" у своїх polyfills.ts та polyfills.ts