2016-07-19 7 views
0

habe Ich habe eine einfache Reaktion Renderfunktion, die hallo in einem Div-Tag mit der ID von "react-Container" ausgedruckt. Das einzige Problem ist, dass ich Warnmeldungen in der Konsole wieVersuchte Warnmeldungen zu verstehen, die ich bei der Verwendung von babel für react.js

unerreichbaren Code nach return-Anweisung

oder

Mutieren der [[Prototyp]] eines erhalte Das Objekt führt dazu, dass der Code sehr langsam ausgeführt wird. stattdessen erstellen Sie das Objekt mit dem richtigen Anfangs [[Prototyp]] Wert mit Object.create

All dies kommt vom babel-Core browser.js Skript, das ich in das Dokument eingefügt. Ich versuche, herauszufinden, was es bedeutet, mache ich etwas falsch, oder soll ich es nur

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>REACT 1</title> 
    <script src="react-15.2.1.js"></script> 
<script src="react-dom-15.2.1.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script> 
    </head> 
    <body> 
    <div id="react-container"> 

    </div> 
<script type="text/babel" > 

ReactDOM.render(<h1>hello</h1>, document.getElementById('react-container')); 
</script> 
    </body> 
</html> 
+0

Es hört sich so an, als ob Sie ein Browser-Plugin verwenden, das JavaScript-Code für Sie enthält, oder Ihr Browser gibt standardmäßig diese Warnungen aus. Welchen Browser benutzen Sie und haben Sie Debug-Flags aktiviert? Es ist nichts falsch mit Ihrem Code. –

+0

Ich benutze Firefox, und ich glaube nicht, dass ich Debug-Flags aktiviert habe. –

+0

Ich bin mir nicht sicher, ob du Jsx mit babel core alleine parsen kannst, du brauchst das 'babel-preset-react' Plugin. –

Antwort

2

ignoriere Dies ist das Standardverhalten der Firefox-Entwickler-Konsole. In fortgeschritteneren Debugging-Umgebungen wie der Chrome-Konsole werden keine Warnungen wie diese angezeigt.

enter image description here

A „Warnung“ ist einfach, dass: Eine Warnung, dass es könnte mit der Syntax von Code ein potenzielles Problem, Sie können durch Klicken auf diese Schaltfläche, die Fusseln von Scripts in Firefox deaktivieren. In diesem Fall sind die Warnungen harmlos, und weil sie von Skripten Dritter stammen, können Sie nicht viel dagegen tun. Vor allem der zweite, der eher ein eigensinniger Codestil ist.