Javascript React不在index.html div应用程序内呈现_Javascript_Reactjs_React Dom

Javascript React不在index.html div应用程序内呈现

javascript reactjs

Javascript React不在index.html div应用程序内呈现,javascript,reactjs,react-dom,Javascript,Reactjs,React Dom,我正在学习React，并尝试在页面上呈现基本组件。然而，似乎什么也没发生。同时，在构建过程中，或者在浏览器检查器中，我没有收到任何错误，而且我似乎无法确定问题的根源我的索引html文件： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Test</title> <meta conten

我正在学习React，并尝试在页面上呈现基本组件。然而，似乎什么也没发生。同时，在构建过程中，或者在浏览器检查器中，我没有收到任何错误，而且我似乎无法确定问题的根源

我的索引html文件：

<!DOCTYPE html>
  <html lang="en">

   <head>
     <meta charset="UTF-8">
     <title>Test</title>
     <meta content="width=device-width, initial-scale=1" name="viewport" />
    </head>

   <body>
     <div id="app">

      </div>
      <script type="text/babel" src="bundle.js"></script>
   </body>

  </html>

请注意，项目文件结构如下客户 -index.jsx 服务器 -server.js -index.html

非常感谢您的帮助

你有没有检查控制台有没有错误？您可能需要为装载机添加预设。控制台中没有错误。My.babelrc包含预设“{”预设“：[“最新”，“反应”]}`App.jsx看起来像什么？@matthholland`从“反应”导入反应；类App扩展React.Component{render（）{return（Hello）；}}}导出默认App`但在这种情况下，我认为这并不重要，因为我也无法让它渲染，这就是为什么我尝试使用Hello world s渲染简单的。。。这也不会导致。。。。

 import React from 'react'
 import {render} from 'react-dom'
 import App from './components/App.jsx'

 render(
     <div> <h1>Hello World</h1> </div>,
     document.getElementById('app')
 );

import path from 'path'
import webpack from 'webpack';

export default {

  entry: [
    'webpack-hot-middleware/client',
    path.join(__dirname, '/client/index.jsx')
],
output: {
    path: '/',
    publicPath: '/'
},
plugins: [
    new webpack.HotModuleReplacementPlugin()
],
module: {
    loaders: [
        {
            exclude: /node_modules/,
            test: /\.jsx$/,
            include: [
                path.join(__dirname, 'client')
            ],
            loaders: ['react-hot-loader', 'babel-loader']
        }

    ]

},
  devtool: "eval-source-map"
}