web-dev-qa-db-ja.com

Webpackでhello worldを実行中に取得できない/エラーが発生する

完全なGithubプロジェクト： https://github.com/pbrianmackey/uiexperiment

走る

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

次に、http://localhost:8080/、エラー

取得することはできません /

問題はwebpackの設定の誤りだと思います。 webpack.config.jsファイルで確認しましたが、問題はありません。 Hello Worldの例を取得するために、どうすれば修正できますか？

ルーティングの問題でもあります。反応するルーターなしでこのWebサイトを使用できると思いますが、間違っている可能性があります。コンソール上のwebpacks出力にエラーはありません。

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')
);
reactjswebpack-dev-server
12
P.Brian.Mackey

Index.htmlが間違った場所にあったことがわかりました。 webpack docs から：

バンドルされたファイルをロードするには、静的ファイルの提供元であるbuildフォルダーにindex.htmlファイルを作成する必要があります（--content-baseオプション）。

output.path で指定したものと一致するように、deploymentという新しいフォルダーにindex.htmlのコピーを作成しました

19
P.Brian.Mackey

これをウェブパックに入れます：

devServer: {
historyApiFallback: true,
},
0
Manuel Carmona