script1010：語法不明| 無法使用Babel for IE11將ES6轉換為ES5

Question

在我的Reactjs代碼中

Script1010：語法不明。

這是由於node_module / types.js文件夾中的types.min.js文件而來的。

內部types.min.js文件； 由於ES6語法， o=function(...n)代碼出現錯誤。 當我使用Gulp構建代碼時，它沒有將ES6轉換為ES5，因此IE11拋出錯誤。 我正在使用babel-polyfill。

那么任何線索為什么它不轉換。

當我將types.js代碼轉換為ES5格式並將其粘貼到types.min.js文件中時，它的工作原理非常完美。 但這不是正確的方法。

main.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不兼容。

因為在大多數構建堆棧配置中，可以免除使用Babel node_modules文件夾中的模塊，所以最簡單的解決方法是將其代碼復制到您自己的JS代碼所在的項目文件夾中。 從那里導入它可以確保您的Babel編譯代碼。