無法使用開發配置爲webpack dev服務器解析模塊

Question

我正在使用（現在不推薦使用的）CodingZeal react boilerplate repo作爲項目的基礎，並且遇到錯誤。

我已經克隆了回購測試和（與提交截止日期4/1/2016簽出：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' 
) 

它似乎並不喜歡第一道防線。

在/webpack/base.js是在development.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是指webpack-dev-server內部的模塊client。改回它應該可以解決你的問題：

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