如何修复 IE 11 中的 "SCRIPT1002:syntax error" 导出？

Question

我使用 web 组件，导出默认和 *.mjs

我的代码如下所示。它是 index.bundle.mjs 和 html 文件。在代码 *.mjs 中，我导出默认值

export default () =>{

    console.log('test')
}

在代码中 *.html 我包括 index.bundle.mjs

index.html

<!DOCTYPE html >
<html lang=ru xml:lang=ru>
<head>
    <meta charset=utf-8>
    <title>title</title>
    <script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="theme-color" content="#cdfecc">
    <meta name="MobileOptimized" content="320">
    <meta name="HandheldFriendly" content="True">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name=viewport content="width=device-width,minimum-scale
</head>
<body>
<noscript>Включите java script</noscript>
<div id="input"></div>
<script type="text/javascript" src="index.bundle.mjs"></script></body>
</html>

在 IE 11 中出现错误 script1002: syntax error.

如何在 IE 11 中包含此语法？

Answer 1

IE export statement and => arrow functions are ECMAScript 6 syntax which is not supported。您应该将您的代码转换为 ES5 以使其在 IE 中工作。

如果你需要Internet Explorer 11中的ES6功能，请查看转译器，例如Babel. Here's an article如何使用babel将ES6转换为ES5，请查看。

如何修复 IE 11 中的 "SCRIPT1002:syntax error" 导出？

How to fix "SCRIPT1002:syntax error" export in IE 11?

html

internet-explorer-11

es6-modules