无法使用开发配置为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' 
)