Không tìm thấy mô-đun: Lỗi: Không thể giải quyết 'core-js / es6'

Tôi gặp sự cố với quy trình xây dựng liên quan đến ứng dụng React của mình.

Tôi luôn gặp lỗi sau:

Không tìm thấy mô-đun: Lỗi: Không thể giải quyết 'core-js / es6'

nếu tôi sử dụng điều này trong polyfill.js:

nhập 'core-js / es6';

Đó là gói của tôi.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"
  }
}

Ai đó có thể giúp đỡ ở đây?

Việc nhập khẩu đã thay đổi đối với phiên bản 3.0.1 của core-js - ví dụ:

import 'core-js/es6/array'; và import 'core-js/es7/array';

bây giờ có thể được cung cấp đơn giản bằng cách sau

import 'core-js/es/array';

nếu bạn không muốn mang toàn bộ lõi-js

Tôi tìm thấy câu trả lời khả thi. Bạn có phiên bản core-js 3.0 và phiên bản này không có các thư mục riêng cho ES6 và ES7 ; đó là lý do tại sao ứng dụng không thể tìm thấy đường dẫn chính xác.

Để giải quyết lỗi này, bạn có thể hạ cấp phiên bản core-js xuống 2.5.7. Phiên bản này tạo ra cấu trúc danh mục chính xác, với các thư mục ES6 và ES7 riêng biệt .

Để hạ cấp phiên bản, chỉ cần chạy:

npm i -S core-js@2.5.7

Trong trường hợp của tôi, với Angular, điều này hoạt động tốt.

Thay đổi tất cả "es6" và "es7" thành "es" trong polyfills.ts và polyfills.ts của bạn (Tùy chọn).

• Từ: import 'core-js/es6/symbol';
• Đến: import 'core-js/es/symbol';

Sau khi di chuyển sang Angular8 , core-js/es6hoặccore-js/es7 sẽ không làm việc.

Bạn chỉ cần thay thế nhập core-js/es/

Đối với người yêu cũ.

import 'core-js/es6/symbol'  

đến

import 'core-js/es/symbol'

Điều này sẽ hoạt động bình thường.

Chắc chắn, tôi đã gặp sự cố tương tự và đơn giản

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

đã làm thủ thuật cho tôi.

Tuy nhiên, việc sử dụng @ babel / polyfill không được dùng nữa (theo nhận xét này ) vì vậy chỉ nên thử điều này nếu bạn cho rằng mình đã cài đặt các gói cũ hơn hoặc nếu vẫn thất bại.

Chỉ cần thay đổi "target": "es2015" thành "target": "es5" trong tsconfig.json của bạn.

Làm việc cho tôi với Angular 8.2.XX

Đã thử nghiệm trên IE11 và Edge

Đã kết thúc để có một tệp có tên polyfill.js trong projectpath \ src \ polyfill.js Tệp đó chỉ chứa dòng này: import 'core-js';polyfills này không chỉ có es-6, mà còn là cách chính xác để sử dụng core-js kể từ phiên bản 3.0.0.

Tôi đã thêm polyfill.js vào thuộc tính mục nhập tệp webpack của mình như sau:

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

Hoạt động hoàn hảo.

Tôi cũng tìm thấy thêm một số thông tin ở đây: https://github.com/zloirock/core-js/issues/184

Tác giả thư viện ( zloirock ) tuyên bố:

ES6 thay đổi hành vi hầu như tất cả các tính năng được thêm vào trong ES5, do đó, điểm vào core-js / es6 bao gồm hầu hết tất cả chúng. Ngoài ra, như bạn đã viết, nó cần thiết để sửa các triển khai trình duyệt bị hỏng.

(Bảng báo giá https://github.com/zloirock/core-js/issues/184 từ zloirock)

Vì vậy, tôi nghĩ rằng nhập 'core-js'; là tốt.

Nếu bạn sử dụng @babel/preset-envvà useBuiltIns, thì bạn chỉ cần thêm corejs: 3bên cạnh tùy chọn useBuiltIns, để chỉ định phiên bản sẽ sử dụng, mặc định là corejs: 2.

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

Để biết thêm chi tiết, hãy xem: 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

Thay đổi tất cả "es6" và "es7" thành "es" trong polyfills.ts và polyfills.ts của bạn