未捕获的SyntaxError：意外的令牌）
我有一个HTML文件，我正在渲染一个反应组件。 这是我的html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../../elements/css/elements.css"/>
<link rel="shortcut icon" href="http://example.com/myicon.ico"/>
</head>
<body>
<h1>Text Modal Demo</h1>
<p>Styled using the Elements SDK.</p>
<br/>
<div id="app"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom.js"></script>
<script src="https://cdn.polyfill.io/v2/polyfill.js?features=CustomEvent,Intl.~locale.en,Intl.~locale.fr"></script>
<script type="text/javascript" src="../../jsfiles/textModal/dist.text-modal.js"></script>
<script type="text/javascript" src="../../jsfiles/textModal/text-modal.js"></script>
</body>
</html>
这是我的text-modal.js文件
function init() {
// Demo eventing API
document.body.dispatchEvent(new CustomEvent('o.InitTextModal', {
detail: { elementId: 'app', contentTemplateLarge: true, footerVisible: true, successBtnCallback: () => { console.log('¡¡success button pressed!!') }}
}
));
}
window.onload = init;
当我尝试加载html文件时，我看到这个错误在我的控制台未捕获的SyntaxError：意外的令牌）在第5行text-modal.js这是这条线 - 细节： { elementId: 'app', contentTemplateLarge: true, footerVisible: true, successBtnCallback: () => { console.log('¡¡success button pressed!!') }}
此问题仅在IE 11和Android设备上出现。 对iOS工作正常
IE11不支持箭头功能。 你需要重写你的javascript：
之前：
() => { console.log('¡¡success button pressed!!') }
后：
function() { console.log('¡¡success button pressed!!') }
看起来像IE 11或某些旧版本的Android浏览器不支持箭头语法。
我没有尝试过这么多，但只要错误看起来这个东西在这里似乎不支持更好的使用相同的旧方法来创建函数，以确保它在任何地方兼容
successBtnCallback: () => { // Anything else }
希望有所帮助
链接地址: http://www.djcxy.com/p/8031.html