问题标签 [webpack-hot-middleware]

这让我发疯了。我正在尝试使用 hapi/hapi-webpack-plugin 和 webpack-hot-middleware 设置 HMR。我的设置是一个 APS.NE MVC 5 应用程序（提供数据）和 Aurelia 作为前端框架。

HMR 似乎可以正常启动：

然后，当我对我的任何 js/html 文件进行更改时，将再次正确触发重建：

但是我在 process-update.js 中收到一个错误，其中 module.hot 未定义，当它检查 module.hot.status() 时自然会出错

以下是相关文件： webpack-dev-server.js

包.json

webpack.confing.babel.js

我是否在配置中遗漏了一些未定义 module.hot 属性的内容？

我下载了 Aurelia Navigation Skeleton github repo的新副本 。我执行npm run server:dev:hot映射到cross-env NODE_ENV=development npm run webpack-dev-server -- --inline --progress --profile --watch --hot.

webpack-server 启动正常，我在控制台中看到 [HMR] 正在等待 WDS 信号。一切都很好，直到我在 js 文件中进行更改以触发 HMR 刷新。然后我在控制台中看到一个错误/警告。

我没有修改回购代码中的任何内容。

所以我正在运行一个非常基本的 Jest 测试来测试我的一条路线是否返回 200。

这工作得很好，然后我配置了 webpack-hot-middleware，它似乎在我导入应用程序的第 2 行中断了。

如果我从我的 app.js 中删除以下代码，测试都运行良好。

有没有人为 webpack-hot-middleware 配置 Jest？我有点迷茫，因为我觉得我已经尝试了一切。

我们正在使用webpack-hot-middleware我们的开发环境。

问题是随着代码的增长，编译已经达到了 30 秒。

我正在尝试在以下位置实施建议：https ://webpack.github.io/docs/build-performance.html 。

所以关于DYNAMIC LINKED LIBRARY我找到了一个很棒的教程：http ://engineering.invisionapp.com/post/optimizing-webpack/

问题是所有关于 的教程DllPlugin都是关于构建而不是热重载。

有谁知道如何使用webpack-hot-middleware或任何其他热加载器来实现这一点。

我正在从vue-cliwebpack 样板构建一个项目。我有一个单个文件 Vue 组件，Foo.vue在一个components目录中，该目录还包含一个index.js导入和导出的文件Foo：

在另一个组件Bar.vue中，我在Foo本地导入和注册它。

在页面加载时，控制台记录错误

当我尝试console.log(Foo)导入后，它会输出undefined.

但是， 如果我进行任何修改Bar.vue并保存，Webpack 的热重载就会启动，页面会刷新并<foo>正确呈现。此外，console.log(Foo)现在在控制台中向我展示了整个 Vue 对象。

此外， <foo>如果我将其导入，将始终正确呈现

这里发生了什么？？ES6 模块语法在初始加载和热重载时的处理方式不同吗？

边注：

这里有一些关于我的实际项目的更多细节，我认为这些细节与这个 bug 无关，但我会在这里包括以防万一。

• Bar.vue也存在于components目录中。
• Bar.vue本身是由另一个 Vue 组件导入的。
• Webpack 版本：2.2.1
• Babel 核心版本：6.22.1

让我知道是否有任何其他配置文件或任何有助于诊断的文件。

我已经使用这些包来遵守 webpack HMR：

• webpack@2.2.1
• webpack-dev-middleware@1.10.1
• webpack-hot-middleware@2.17.1

webpack 统计配置：

使用 webpack-dev-middleware

每次我运行 command 时npm run dev，控制台都会打印资产信息，例如：

但是当我使用 webpack HMR 重建我更改的文件时，控制台将打印所有资产信息，包括 emmited 文件和不相关文件，就像：

我只想知道我更改过的文件，而不关心无关的文件信息。

那么，你能帮我让 webpack 只打印这些 emmited 文件信息吗？

运行 Webpack Dev Server 时，它会创建哈希文件，但不会创建真正的物理文件 - 所以会出现 404 错误但是如果使用 Watcher 运行 Builder，它会创建真正的哈希文件，我可以直接从服务器获取它

但是：HMR 说 Get different Hash 然后由 Builder 创建

SO：我有一个真正的哈希包，可以从http://localhost:8000/获取...，但我的浏览器想要获取资源文件夹中不存在的另一个哈希包

奇怪的事情：下一个字符串显示了两次

2 raven.js:80 [WDS] App updated. Recompiling... -> 两次

配置如下：

我在用

这是 webpack 客户端配置条目

},

这是服务器/index.js

现在当我运行服务器时npm run build:dev && babel-node -- dist/SSR.js

我收到此错误。

为什么 Webpack Dev 中间件只尝试解析“/app”中的包。

感谢帮助。

我在使用 HotModuleReplacement 时遇到了一些错误。我实际上不能使用它，它说__webpack_hmr找不到。

在/node_modules/webpack-hot-middleware/client.js我默认情况下有这个配置：

但是我的 basedir 下没有“__webpack_hmr”。它应该位于哪里，是一个文件？我很困惑，尝试使用 Brosersync、webpack、HMR。我只是在测试一些 React Admin Panel，我已经在 Github 上向作者询问过，但没有回应。请帮忙。

这是我的 webpack 配置的一部分：

Webpack hmr: __webpack_hmr 404 not found等一些主题提供了没有意义的解决方案，而且与我的情况不同。

我正在使用 Cluod9 IDE，所以我没有本地主机，我必须在某处手动定义主机。

我想知道是否存在任何用于将 webpack-dev-middleware 和 webpack-hot-middleware 与 OWIN Selfhost full .Net46 集成的 nuget 包，例如 AspNetCore - Microsoft.AspNetCore.SpaServices？