script1010：未识别的语法 |无法使用 Babel for IE11 将 ES6 转换为 ES5

Question

在我的 Reactjs 代码中，我得到了

Script1010：语法不明。

这是因为 node_module/types.js 文件夹中的 types.min.js 文件。

在 types.min.js 文件中； o=function(...n) 代码由于 ES6 语法而出错。当我使用 Gulp 构建代码时，它没有将 ES6 转换为 ES5，所以 IE11 会抛出错误。我正在使用 babel-polyfill。

所以任何线索为什么它不转换.???

当我将 types.js 代码转换为 ES5 格式并将其粘贴到 types.min.js 文件时，它可以正常工作。但这不是正确的方法。

ma​​in.js：

// polyfills
   import 'classlist-polyfill';
   import 'element-closest';
   import objectFitImages from 'object-fit-images';
   import picturefill from 'picturefill';
   import 'masonry-layout/dist/masonry.pkgd';
   import 'imagesloaded/imagesloaded.pkgd';

babelrc：

{
  "presets": ["env","es2015", "react"],
  "plugins": [
    "transform-object-rest-spread",
    "transform-class-properties"]
}

Answer 1

如果您将https://raw.githubusercontent.com/phazelift/types.js/master/types.min.js 复制到IE 11 控制台并运行它，您会看到从node_modules/types.js 获得的代码与IE 11 不兼容。

因为在大多数构建堆栈配置中，来自node_modules 文件夹的模块都免于使用 Babel 进行编译，因此最简单的解决方法是将它们的代码复制到您自己的 JS 代码所在的项目文件夹中。从那里导入它可以确保你的 Babel 转换代码。