Reactjs 无法获取/在网页包中运行hello world时出错

Reactjs 无法获取/在网页包中运行hello world时出错,reactjs,webpack-dev-server,Reactjs,Webpack Dev Server,完整的Github项目: 我跑 webpack开发服务器--内容库部署 然后转到http://localhost:8080/,错误 得不到/ 我认为问题在于网页的错误配置。我查看了webpack.config.js文件,没有发现问题。如何修复此问题以获得hello world示例 这也可能是一个路由问题。我想我不用路由器也可以使用这个网站,但我可能错了。控制台上的Webpack输出中没有错误 index.js 导入“babel polyfill”//因为翻了我的书 从“jquery”导入美元;

完整的Github项目:

我跑

webpack开发服务器--内容库部署

然后转到
http://localhost:8080/
,错误

得不到/

我认为问题在于网页的错误配置。我查看了webpack.config.js文件,没有发现问题。如何修复此问题以获得hello world示例

这也可能是一个路由问题。我想我不用路由器也可以使用这个网站,但我可能错了。控制台上的Webpack输出中没有错误

index.js
导入“babel polyfill”//因为翻了我的书
从“jquery”导入美元;
从“jQuery”导入jQuery;
var-App=require('./App');
var React=要求('React');
var ReactDOM=require('react-dom'))
var Hello=React.createClass({
render:function(){
返回Hello{this.props.name};
}
});
ReactDOM.render(
,
document.getElementById('容器')
);

原来我把index.html放错地方了。从网页:

要加载捆绑文件,您需要创建index.html文件 在提供静态文件的生成文件夹中(--content-base 选项)


我在一个名为
deployment
的新文件夹中复制了index.html,以匹配我在
webpack.config.js
中的中指定的内容

devServer: {
  historyApiFallback: true,
}

在webpack dev server文档中,有一个
writeToDisk
选项可以解决此问题。 它会将所有文件存储在磁盘上,而不是内存中。 我的配置中的示例:

devServer: {
    port: 3000,
    writeToDisk: true,
    proxy: {
        '/': 'http://localhost:8080'
    }
}