2016-11-10 160 views
-2

我有一个html文件,使用它来渲染反应组件。 这里是我的html文件未捕获的SyntaxError:意外的令牌)

<!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> 

这里是我的文本文件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的工作正常

+0

IE11是否支持箭头功能? – 2016-11-10 02:22:58

+0

否http://caniuse.com/#search=arrow –

回答

2

IE11 doesn't support箭头功能。你需要重写你的javascript:

前:

() => { console.log('¡¡success button pressed!!') } 

后:

function() { console.log('¡¡success button pressed!!') } 
+0

谢谢。它工作顺利:) – User

0

我还没有尝试过这么多,但只要误差在这里看起来这似乎啄它不是支持更好地使用相同的创建功能的旧方式,以确保它在任何地方都兼容

successBtnCallback:() => { // Anything else } 

希望有帮助

相关问题