開発用設定を使用してwebpack dev serverのモジュールを解決できません

Question

私は（今は廃止された）CodingZeal react boilerplate repoをプロジェクトのベースとして使用しており、エラーが発生しています。

私はテストするためにレポをクローンしました。（2006年4月1日チェックアウト：406662fのコミットで）これを実行して、public/client.jsファイルが生成されていることを確認できます。

私のプロジェクトではwebpack-dev-serverを実行するとModule not found: Error: Cannot resolve module 'webpack-dev-server/app'が得られます。

これは私が次いる/webpack/development.jsによるものです：

config.entry.app.unshift(
    'webpack-dev-server/app?http://localhost:8080', 
    'webpack/hot/only-dev-server' 
) 

その最初の行を好きにいないようです。

私が持っている development.jsに必要とされる /webpack/base.jsで

：

... 
entry: { 
    app: [path.resolve(__dirname, '../global.js'), path.resolve(__dirname, '../app.js')] 
}, 
output: { 
    path: path.resolve(__dirname, '../public'), 
    filename: 'bundle.js' 
} 
... 

/publicディレクトリが存在しますが、何のファイルがそこまで現れません。

リファレンスレポでは、そのメインフォルダは/clientで、私は/appと呼ぶことにしました。私はこれが恣意的で何かに影響を与えるべきではないと思う。プロジェクト内でclientのすべてのインスタンスをappに更新しました。

なぜこれが起こっているのか考えてみませんか？

Answer 1

プロジェクトのすべてのクライアントインスタンスをアプリに更新するよう気をつけました。

ファイルを参照していないclientのインスタンスを置き換えた点を除いて、正しいです。 webpack-dev-server/clientは、モジュールclientをwebpack-dev-serverの中に示します。それを元に戻すと問題が解決するはずです：

config.entry.app.unshift(
    'webpack-dev-server/client?http://localhost:8080', 
    'webpack/hot/only-dev-server' 
)