Reagieren/Babel eingebettet: unerwartetes Token

Kerl Programmierer :)Reagieren/Babel eingebettet: unerwartetes Token

So gerade begann ich ReactJs und in den ersten 20 Minuten zu lernen, in diesen Fehler lautete:

browser.js:62790 Uncaught SyntaxError: embedded: Unexpected token (9:3) 
    7 |     </div> 
    8 |    }, 
> 9 |   )}; 
    | ^
    10 |   React.render(<HelloWorld />, document.body); 
    11 |

Mein Code unten:

<!DOCTYPE html> 
<html> 
<head> 
    <script src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xpa1/t39.3284-6/11057025_805715566176382_77439371_n.js"></script> 
    <!-- version 0.13.3.min.js--> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.29/browser.js"></script> 
    <title>React</title> 
</head> 
<body> 
    <script type="text/babel"> 
    var HelloWorld = React.createClass({ 
     render: function() { 
      return <div> 
      <h1>Hello World</h1> 
      <p>This is some text</p> 
     </div> 
     } 
    )}; 
    React.render(<HelloWorld />, document.body); 
    </script> 
</body> 
</html>

Sah sich um, fand nichts, das das behoben. Irgendwelche Ideen? Ich bin sicher, das ist eine einfache Sache, aber ich fange gerade erst an.

Vielen Dank im Voraus!

Quelle

2016-07-21 Kristine

Ihre Klammern etwas weg sind, finden Sie in der letzten Zeile der Komponentendefinition:

var HelloWorld = React.createClass({ 
    render: function() { 
     return <div> 
     <h1>Hello World</h1> 
     <p>This is some text</p> 
    </div> 
    } 
});

Quelle

2016-07-21 19:29:11 Timo

Wie man sich in einem einfachen Schritt dumm fühlt .. Vielen Dank, TimoSta :) – Kristine

Sie richtig Klammer wrap did't Schließen method.Your Code machen sollte wie folgt:

 <!DOCTYPE html> 
    <html> 
    <head> 
    <script src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xpa1/t39.3284- 6/11057025_805715566176382_77439371_n.js"></script> 
    <!-- version 0.13.3.min.js--> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.29/browser.js"></script> 
    <title>React</title> 
</head> 
<body> 
    <script type="text/babel"> 
    var HelloWorld = React.createClass({ 
     render: function() { 
      return (<div> 
      <h1>Hello World</h1> 
      <p>This is some text</p> 
     </div>); 
     } 
    }); 
    React.render(<HelloWorld />, document.body); 
    </script> 
</body> 
</html>

Best of Luck :)

Quelle

2016-07-21 19:33:11

Reagieren/Babel eingebettet: unerwartetes Token

Antwort

Verwandte Themen