4

これは私のjsxです： 

 var React = require('react');
  var ReactDOM = require('react-dom');
  ReactDOM.render(
    <h1>hello world</h1>,
    document.getElementById('content')
  )

webpack を使用してビルドし、 インポートしbuild/bundle.jsます
bundle.jsindex.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>

しかし、私が実行したときwebpack-dev-server、chrome console error:
bundle.js:57 Uncaught ReferenceError: React is not defined
I am sure, I have runnpm install react
ここに画像の説明を入力

どうすれば治りますか?(-_-)ゞﾞﾞ

4

2 に答える 2

4

app.jsこれをnotに追加する必要があります.jsx

var React = require('react');
  var ReactDOM = require('react-dom');
  ReactDOM.render(
    <h1>hello world</h1>,
    document.getElementById('content')
  )

JSX はトランスパイルされた言語であり、React コンポーネントによって解釈されます。したがって、React コンポーネントが jsx を解釈するには、app.js に React が必要です!!

于 2016-08-29T03:40:45.090 に答える