ReactJS: "Uncaught SyntaxError: Unerwartetes Token & lt;"

Ich versuche den Einstieg in die Erstellung einer Website in ReactJS. Allerdings, wenn ich versuchte, meinen JS in eine eigene Datei, ich habe immer diesen Fehler: "Uncaught SyntaxError: Unexpected token <".

Habe ich versucht, indem /** @jsx React.DOM */ an die Spitze der JS-Datei, aber es hat nicht alles reparieren. Nachfolgend werden die HTML-und JS-Dateien. Alle Ideen, was falsch läuft?

HTML

<html>
  <head>
    <title>Page</title>
    <script src="http://fb.me/react-0.12.2.js"></script>
    <script src="http://fb.me/JSXTransformer-0.12.2.js"></script>
    <script src="http://code.jquery.com/jquery-1.10.0.min.js"> </script>
    <script src="./lander.js"> </script>
  </head>
  <body>
    <div id="content"></div>
    <script type="text/jsx">
        React.render(
            <Lander />,
            document.getElementById('content')
        );
    </script>
  </body>
</html>

JS

/**
 * @jsx React.DOM
 */
var Lander = React.createClass({
    render: function () {
        var info = "Lorem ipsum dolor sit amet... ";
        return(
            <div>
                <div className="info">{info}</div>
            </div>
        );
    }
});

EDIT: ich erkannte, dass ich brauche, um hinzuzufügen type="text/jsx" auf das script-tag, das beinhaltet mein lander code. Jedoch, nachdem Sie diese und laden bekomme ich diese Warnung

"Sie sind mit der in-browser-JSX-Transformator. Werden Sie sicher, dass vorkompilieren JSX für die Produktion - http://facebook.github.io/react/docs/tooling-integration.html#jsx"

gefolgt von dieser Fehlermeldung:

"XMLHttpRequest-Objekt kann nicht geladen werden file:///Users/.../lander.js. Cross-origin-requests werden nur für die unterstützten Protokoll-Schemata: http, Daten -, chrome-Erweiterung, https -, chrome-Erweiterung-Ressource".

wie es scheint, ist es etwas anderes, dass ich tun muss, um im browser jsx-Transformation zu arbeiten, aber ich bin mir nicht sicher, was es ist.

EDIT: OOOOH muss ich Gastgeber es mit MAMP oder so?

Kommentar zu dem Problem
Wie sind Sie einschließlich Ihrer "JS" - Datei? Kommentarautor: Quentin

InformationsquelleAutor der Frage kat | 2015-01-22

Schreibe einen Kommentar