2016-11-10 10 views
-2

Ich habe eine HTML-Datei, mit der ich eine react-Komponente rendere. Hier ist meine HTML-DateiUncaught SyntaxError: Unerwartetes Token)

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

Und hier ist mein Text-Datei 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; 

Wenn ich versuche, die HTML-Datei zu laden, ich diesen Fehler in meiner Konsole Uncaught Syntax sehen: Unerwartetes Token) Zeile 5 text-modal.js was ist diese Zeile - Detail: { elementId: 'app', contentTemplateLarge: true, footerVisible: true, successBtnCallback:() => { console.log('¡¡success button pressed!!') }}

Dieses Problem tritt nur bei IE 11 und Android-Geräten auf. Funktioniert gut für iOS

+0

Unterstützt IE11 Pfeilfunktionen? –

+0

Nein. Http://caniuse.com/#search=arrow –

Antwort

2

IE11 doesn't support Pfeilfunktionen. Sie benötigen Javascript, neu zu schreiben:

Vorher:

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

Nach:

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

Vielen Dank. Es hat reibungslos funktioniert :) – User

0

ich nicht so viel versucht, aber so weit wie der Fehler dieses Ding sieht hier scheint es nicht der Fall ist unterstützt besser verwenden Sie die gleiche alte Art und Weise der Erstellung von Funktionen, um sicherzustellen, dass es überall kompatibel ist

hoffe das hilft

Verwandte Themen