找不到模块：错误：无法解析“ 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可以正常工作。

在polyfills.ts和polyfills.ts中将所有“ es6”和“ es7”更改为“ es”（可选）。

• 从： 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（根据此注释），因此仅当您认为安装了旧软件包或所有其他软件包都失败时才尝试使用此方法。

只需在tsconfig.json中将“ target”：“ es2015”更改为“ target”：“ es5”即可。

为我使用Angular 8.2.XX

在IE11和Edge上测试

最终在projectpath \ src \ polyfill.js中有一个名为polyfill.js的文件。 该文件仅包含以下行：import'core -js'; 从3.0.0版本开始，此polyfill不仅填充了es-6，而且是使用core-js的正确方法。

我加入了polyfill.js像这样我的WebPack文件项属性：

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

完美运作。

我还在这里找到了更多信息：https : //github.com/zloirock/core-js/issues/184

图书馆作者（zloirock）声称：

ES6几乎改变了ES5中添加的所有功能的行为，因此core-js / es6入口点几乎包括了所有功能。另外，正如您所写，修复损坏的浏览器实现是必需的。

（来自zloirock的报价https://github.com/zloirock/core-js/issues/184）

所以我认为import'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

在您的polyfills.ts和polyfills.ts中将所有“ es6”和“ es7”更改为“ es”