Modül bulunamadı: Hata: 'core-js / es6' çözülemiyor

React uygulamamla ilgili olarak derleme sürecimle ilgili bir sorun yaşıyorum.

Her zaman şu hatayı alıyorum:

Modül bulunamadı: Hata: 'core-js / es6' çözülemiyor

bunu bir polyfill.js içinde kullanırsam:

ithal 'core-js / es6';

Bu benim package.json'um:

{
  "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"
  }
}

Burada biri yardım edebilir mi?

Core-js sürüm 3.0.1 için içe aktarmalar değişti - örneğin

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

şimdi basitçe aşağıdaki şekilde sağlanabilir

import 'core-js/es/array';

Core-j'lerin tamamını getirmemeyi tercih ederseniz

Olası bir cevap buldum. Core-js sürüm 3.0'a sahipsiniz ve bu sürümün ES6 ve ES7 için ayrı klasörleri yok ; bu yüzden uygulama doğru yolları bulamıyor.

Bu hatayı çözmek için core-js sürümünü 2.5.7'ye düşürebilirsiniz . Bu sürüm, ayrı ES6 ve ES7 klasörleri ile doğru katalog yapısını üretir .

Sürümü düşürmek için şunu çalıştırın:

npm i -S core-js@2.5.7

Benim durumumda, Angular ile bu iyi çalışıyor.

Polyfills.ts ve polyfills.ts dosyalarınızdaki tüm "es6" ve "es7" yi "es" olarak değiştirin (İsteğe bağlı).

• Kimden: import 'core-js/es6/symbol';
• Kime: import 'core-js/es/symbol';

Göç Ettiler Sonra etmek Angular8 , core-js/es6ya core-js/es7çalışmaz.

İçe aktarımı değiştirmeniz yeterlidir core-js/es/

Örn.

import 'core-js/es6/symbol'  

-e

import 'core-js/es/symbol'

Bu düzgün çalışacak.

Elbette, benzer bir sorun yaşadım ve basit bir

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

benim için hile yaptı.

Bununla birlikte, @ babel / polyfill kullanımı önerilmemektedir ( bu yoruma göre), bu nedenle bunu yalnızca daha eski paketlerin kurulu olduğunu düşünüyorsanız veya başka hiçbir şey başarısız olursa deneyin.

Proje yolu \ src \ polyfill.js içinde polyfill.js adlı bir dosyaya sahip olmak için sonlandırıldı. Bu dosya yalnızca şu satırı içerir: import 'core-js'; bu çoklu doldurma sadece es-6'yı değil, aynı zamanda 3.0.0 sürümünden beri core-js'yi kullanmanın doğru yoludur.

Eklediğim polyfill.js böyle benim webpack dosya girişi özniteliği için:

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

Mükemmel çalışıyor.

Ayrıca burada biraz daha bilgi buldum: https://github.com/zloirock/core-js/issues/184

Kütüphane yazarı ( zloirock ) şunları iddia ediyor:

ES6, ES5'te eklenen hemen hemen tüm özelliklerin davranışını değiştirir, bu nedenle core-js / es6 giriş noktası neredeyse hepsini içerir. Ayrıca yazdığınız gibi, bozuk tarayıcı uygulamalarını düzeltmek için gereklidir.

( Zloirock'tan alıntı https://github.com/zloirock/core-js/issues/184 )

Bu yüzden 'core-js'yi içe aktarmayı düşünüyorum ; gayet iyi.

Tsconfig.json dosyanızda "target": "es2015" i "target": "es5" olarak değiştirin.

Benim için Angular 8.2.XX ile çalışın

IE11 ve Edge'de test edildi

Eğer kullanırsanız @babel/preset-envve useBuiltInso zaman sadece eklemek zorunda corejs: 3kullanımına hangi sürümünü belirlemek için, useBuiltIns seçeneğin yanında, varsayılan corejs: 2.

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

Daha fazla ayrıntı için bkz: 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 ve polyfills.ts dosyalarınızdaki tüm "es6" ve "es7" yi "es" olarak değiştirin