无法使用开发配置解析 webpack 开发服务器的模块

Question

我正在使用（现已弃用）CodingZeal react boilerplate repo 作为项目的基础，但运行遇到错误。

我已经克隆了 repo 来测试并且（检查了 2016 年 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'
)

它似乎不喜欢第一行。

在 /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

I took care to update all instances of client to app in my project.

你是对的，只是你替换了一个 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'
)

无法使用开发配置解析 webpack 开发服务器的模块

Cannot resolve module for webpack dev server using development config

webpack

webpack-dev-server