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
Unterstützt IE11 Pfeilfunktionen? –
Nein. Http://caniuse.com/#search=arrow –