Wie laden es6, reagieren, babel-code in html mit cdn?

Habe ich Codepen code, den ich versuche zu replizieren, die auf einer web-Seite mit nur drei Dateien, index.html, main.js und Stil.css. Ich habe versucht, laden Sie diese Skripts auf dem head-tag der HTML-Datei.

<script src="https://npmcdn.com/[email protected]/dist/btib.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react.min.js"></script>

Aber es funktioniert nicht. Alles was ich bekomme ist diese Fehlermeldung

Uncaught SyntaxError: Unexpected token <

welche notwendig sind, CDN Skript-Dateien laden, diese reagieren-code in HTML?

InformationsquelleAutor anoop chandran | 2017-05-12

  1. 0
    <head>
<title>Beginner's Guide to React</title>
<meta charset="UTF-8" />
</head>
<body>
<div id="root"></div>
<script src="https://unpkg.com/[email protected]/umd/react.production.min.js"></script>
<script src="https://unpkg.com/[email protected]/umd/react-dom.production.min.js">       </script>
<script src="https://unpkg.com/[email protected]/babel.js"></script>

<script type="text/babel">
    const rootElement = document.getElementById('root');

     const element = React.createElement('div',{className:''},'Hello World' );

     ReactDOM.render(element, rootElement);

</script>

    InformationsquelleAutor ASHISH RANJAN

Schreibe einen Kommentar