node.js - React is not defined ReferenceError? I am using webpack and webpack-dev-server -
this jsx:
var react = require('react'); var reactdom = require('react-dom'); reactdom.render( <h1>hello world</h1>, document.getelementbyid('content') ) i build webpack build/bundle.js &
import bundle.js index.html
index.html:
<!doctype html> <html> <head> ┊ <meta charset="utf-8"> ┊ <meta name="viewport" content="width=device-width"> ┊ <title></title> </head> <body> ┊ <div id="content"></div> ┊ <script src="./build/bundle.js" type="text/javascript" charset="utf-8"></script> </body> </html> but when ran webpack-dev-server, chrome console error:
bundle.js:57 uncaught referenceerror: react not defined
sure, have run npm install react
how can fix it?(-_-)ゞ゛
you should add app.js not .jsx
var react = require('react'); var reactdom = require('react-dom'); reactdom.render( <h1>hello world</h1>, document.getelementbyid('content') ) jsx transpiled language, interpreted react components. so, there has react in app.js react components interpret jsx!!
Comments
Post a Comment