在webpack中运行Hello World时无法获取/出错 [英] Cannot GET / error running hello world in webpack

问题描述

完整Github项目：https://github.com/pbrianmackey/uiexperiment

我运行

webpack-dev-server --content-base deployment/

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

无法获取/

我认为问题是webpack的配置错误。我查看了webpack.config.js文件，没有发现任何问题。我如何修复此问题才能获得Hello World示例？

这也可能是一个路由问题。我想我可以在没有反应路由器的情况下使用这个网站，但我可能错了。控制台上的WebPack输出中没有错误。

index.js

import "babel-polyfill";//for flipping IE
import $ from 'jquery';
import jQuery from 'jquery';
var App = require('./app');
var React = require('react');
var ReactDOM = require('react-dom')

var Hello = React.createClass({
  render: function() {
    return <div>Hello {this.props.name}</div>;
  }
});

ReactDOM.render(
  <Hello name="World" />,
  document.getElementById('container')
);

推荐答案

原来我把index.html放错了位置。来自webpackdocs：

要加载捆绑的文件，您需要创建一个index.html文件 在提供静态文件的Build文件夹中(--Content-base 选项)。

我在名为deployment的新文件夹中创建了index.html的副本，以匹配我在output.path

中指定的内容

这篇关于在webpack中运行Hello World时无法获取/出错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！