问题标签 [hot-reload]

可能这是成千上万个类似问题之一，但我仍然没有看到任何关于如何让 HMR真正发挥作用的答案。

我做了所有这些操作，在文档和你可以在互联网上找到的每个答案中都有描述：

• 启用 webpack-dev-server 的“热”选项
• 添加webpack-dev-server/client?{host:port}和webpack/hot/only-dev-server入口点
• 添加new webpack.HotModuleReplacementPlugin()到插件（以及 NamedModulesPlugin 也是）
• react-hot-loader文档中的每一步

而现在我所拥有的。

假设我的应用程序如下所示：

哪里AppRouter像

并且Page只是<div>some text<div>。

根据文档，在 App 模块中我这样做：

然后尝试将Page组件中的文本修改为“新文本”。

在控制台中，我看到确实启用了 HMR：

屏幕上的文字确实会更新为“新文字”。到目前为止，一切都很好。

然后我再次将文本更新为“新文本 2”，然后看到：

文档中对此一无所知。react-hot-loader

但是好的，也许那个文档有点不正确。毕竟，webpack 自己的文档明确表明我们应该module.hot.accept(...)在我们的代码中做。

所以在App.js我做：

然后刷新页面，并尝试Page再次修改组件。

现在控制台说：

但是浏览器中的文本没有更新。即，HMR 已启用但不执行任何操作。

成功更新说：

所以至少我们修复了之前的错误unaccepted changes——但浏览器中仍然没有任何变化。

我尝试module.hot.accept(...)在 App 装饰时hot(module)和未装饰时都这样做 - 结果是一样的。

还有……接下来呢？我做了我在官方文档中可以找到的一切，但没有任何效果。我究竟做错了什么？

（请不要问“在我们交谈之前提供您的完整 webpack 配置”。这都是默认的，根据 webpack 文档中的示例。不要浪费我们的时间）

我正在关注 edx.org 上的 Azure 技能工具包教程（微软：DEV224x） https://courses.edx.org/courses/course-v1:Microsoft+DEV224x+1T2018a/course/

我正在使用 Win10 和 VSCode

我已经全局安装了 node、npm、yeoman 和 aspnetcore-spa。我已按照课程笔记设置模板应用程序

创建新文件夹

这个 dotnet start 在 wwwroot 和 CilentApp 中生成 dist 文件夹，并在本地服务器的端口 5000 上运行该应用程序 - 到目前为止一切顺利。

当我对角度 xxx.component.html 文件进行更改并刷新浏览器时，没有显示更改（课程说明说它们应该显示）。即使我停止服务器并重新启动它们也不存在。如果我删除或重命名 dist 文件夹，那么它们会被重建，然后会显示更改。查看 dist 文件夹中的文件，角度代码被编译成 server-main.js

为什么 webpack 在热重载和/或服务器启动时不更新 dist 文件？

我正在尝试使用插件https://www.npmjs.com/package/react-hot-loader来启用 hot relaod 。但是热重载不起作用，当我刷新页面时，更改会在没有构建的情况下反映出来，但这不是实时的。我认为当我在 jsx 上保存更改时，它应该实时反映在 html 上，对吗？如果我错了，请纠正我

我的 .jsx 文件

我的.babelrc

我的 webpack.config.js

webpack 服务器命令

是否可以在用户不再次更新应用程序的情况下在用户端（UI 和功能）进行更改？如果是，那么在开始一个新项目时应该遵循什么样的架构？你能帮我知道这怎么可能吗？

我开始使用 NodeJS 电子商务框架 react Reaction，并试图了解开发工作流程是怎样的。

问题是我使用 react-cli 创建应用程序，然后只是为了了解它是如何工作的，我编辑了位于的文件，imports/plugins/core/layout/client/notFound/notFound.html但我在网站上看不到编辑后的内容。

它是否包括任何“热重载”功能？usingreaction debug也不起作用。

顺便说一句：我知道编辑核心组件不是最好的方法，但我试图了解和检查热重载功能，因为每次修改文件时重新编译项目没有任何意义，继续前进我将使用自定义插件或主题。

问候

每次我运行应用程序时，Flutter 都会运行基本的演示应用程序。我的代码更改仅在执行热重启后才会反映。我尝试跑步flutter clean但没有帮助。这真是令人沮丧。可能是什么原因？

我使用以下内容创建了一个反应应用程序：

create-react-app my-app --scripts-version=react-scripts-ts

从以下示例：https ://github.com/wmonk/create-react-app-typescript

我尝试添加：

到我的 index.tsx，但只有在更改嵌套组件时才会刷新整页。

例如我创建一个这样的组件：

并将其放在根组件中：

如果我更改 MediaGrid，则仅刷新整个页面，包括 Home 和 Home 中的所有其他组件。

我已经看到具有特定于组件的热重载的 React 项目，并且希望获得相同的结果，这样如果我更改 MediaGird，只会刷新它。

我在这里为打字稿尝试了以下步骤：https ://github.com/wmonk/create-react-app-typescript/pull/312#issuecomment-387974687

我的 webpack.config.dev.js：

tsconfig.json：

我的 app.tsx：

有时它可以工作，但更常见的是整个页面重新加载......

它似乎每秒钟都有效，例如，如果我添加一个新的 div 像 hello 组件本身会重新加载，如果我添加另一个 div 像 hello 2 或删除 div 我添加了整个页面重新加载，这让我觉得还有其他东西在起作用在这里尝试进行全屏刷新..

我正在使用 Angular 5。

热重载大约需要 8 秒，这是合理的（虽然不是很好）但是有什么方法可以配置它，以便我可以调整它以使其更快？

担心随着应用程序的增长它会变得更慢。谢谢。

我正在探索 Elixir 语言，最近也深入到 Erlang 环境中。

我想知道在这种情况下如何使用热升级：
通常我们部署一个应用程序是从一个 root 主管开始的。在它运行了几个星期之后，我想将一个新的 GenServer 添加到根主管。

GenServer 可以在部署热升级后自动启动吗？
如果我要添加新的 GenServer，是否需要关闭并启动 Erlang VM？

我可以使用RemoteSpringApplication在编辑时重新加载应用程序，直到我为我的应用程序添加弹簧安全性，

和

ETC

虽然我添加了事件：

所以我所有的休息电话仍然可以在没有任何身份验证的情况下工作，

一旦我更改代码并运行 RemoteSpringApplication 检测到它失败的更改：

如何预防？

谢谢