问题标签 [hot-reload]

我整天都在解决 Webpack 的一个问题，最后修复了它。但现在我想知道它为什么起作用以及背后的过程。对于初学者来说，快速浏览一下我的 webpack.config.js：

最初，contentBase参数设置为path.resolve(__dirname, 'dist')

那么问题将是 HMR 无法正常工作：更新任何 CSS 文件都会热重新加载页面，但除非我手动刷新页面，否则不会应用 HTML 端的更改。代码仍然会根据控制台重新编译，并且我会在浏览器的日志消息中看到检测到更改，并且它会在说“没有热更新”之前尝试热重新加载。

我更改dist为src，现在所有更改都会触发热重载。我很高兴它可以工作，但我不太了解背后的机制。我发现开发网络服务器实际上并没有写入磁盘，而只是编译内存中的文件，这使得它更快。但是，我可以看到它仍然会生成一些文件，例如 CSS 和图像文件。此外，根据文档，“contentBase”属性是指“提供内容的位置”。从逻辑上讲，内容是从“dist”文件夹中提供的，对吧？

我对这一切有点困惑，所以我需要一些理论来完全掌握这个概念。谢谢

我不知道要查找什么，所以请随时给我一些关于在哪里查找的指示。我正在学习，所以这绝对值得赞赏。

我刚刚发现我可以在颤动中使用命名路由，并且我正试图转向事物以使我的应用程序的行为更可预测。但是，在某些时候，我的 UserDataContainer Stateful Widget 会丢失他的状态值。所以我有一些用户数据，它消失了。

这是一些代码。

这是我的用户数据容器：

UserDataType包含消失数据的类在哪里。

这是我的 Material 类的主要应用程序：

材料应用程序有我的路线，并且 UserLoader 在那里，所以我可以在启动时加载保存在手机上的一些用户数据。它会放置一个启动屏幕并等待数据加载。

在我的抽屉中，我已经用命名版本替换了代码以移动到特定页面：

成为

例如。

但是，现在当我使用该应用程序时，UserDataContainer 有时包含一个全新的 User() 实例（这是一个 dart 类，而不是一个小部件），我不知道为什么应用程序会突然出现这样的行为。

编辑：

我尝试通过使用它而不是我的 futureloader 来删除 FutureBuilder，但 UserContainer 的状态每次都会重新生成（虽然没有再次被初始化）：

我正在尝试使用我的 react-rails 应用程序进行热重载。 https://github.com/reactjs/react-rails

我试过在这里运行设置说明：https ://github.com/gaearon/react-hot-loader

我期待这样的消息Hot Module Replacement enabled.，但我什么也没看到。

我已将UWP项目添加到我的Xamarin.Forms解决方案中。页面顶部有一个链接，上面写着：Hot Reload Available

但是当我更改XAML代码时没有任何反应！据我检查，对于此功能，我不应该添加任何额外的扩展库。我怎样才能打开这个功能？

我在我的 WPF 项目中使用 ReactiveUI 库，似乎它 ReactiveUserControl<TViewModel> : UserControl不适 ReactiveWindow<TViewModel> : Window 用于XAML Hot Reload.

虽然直接从 a 扩展Usercontrol确实允许我使用XAML hot reload.

除了这一页，我找不到任何关于此事的文档或帖子，这完全没有解释。想知道这是否可能与x:TypeArguments="navigation:MainVM"您必须传入的内容或ReactiveUI图书馆在内部搞砸了一些事情有关？

我正在使用，visual studio 2019但同样的问题出现在9.20.1 之外visual studio 2017。.NET Framework 4.6.1ReactiveUI

我正在尝试开发一个 UI 来控制项目开发和工作流程，但我无法触发热重载或重启。

运行命令时，有没有办法在http://127.0.0.1:8888/上使用HTTP/CURL请求手动触发对天文台 dart 服务器的热重载/完全重启？flutter run --observatory-port 8888 --disable-service-auth-codes lib/main.dart

我正在使用框架 gatsby 开发一个小网站，但我在动态导入和 webpack 提供的热重载方面遇到了困难。

这是我的反应组件：

我希望当我对导入的 JavaScript 进行修改时，热重载会触发并刷新我的组件。目前我必须手动刷新浏览器以观察所做的更改。

您可以在此处查看整个存储库：https ://github.com/maximeparisse/webgl-journey

以及从中提取代码的文件： https ://github.com/maximeparisse/webgl-journey/blob/master/src/components/experiments/frame.js

如果你只想复制 - git clone 存储库 - npm i - gatsby develop

谢谢你的帮助。

我正在开发使用一些外部脚本和样式表并使用谷歌浏览器调试应用程序的网络应用程序。

应用程序中的某些网页包含过多的外部文件（例如 script.js 和 style.css），并且在调试时我只需要从服务器而不是本地浏览器缓存加载我更改的文件，其余文件从缓存。

我知道 chrome 中的热重载 ( Ctrl+ F5)，但它会从服务器/cdn 重新加载所有脚本，这需要几秒钟的额外时间来加载页面并使调试变得烦人。

那么如何强制加载/禁用 Chrome 中特定文件的浏览器缓存？

我知道框架应该是这样工作的，但我正在寻找一种解决方法。

在这段代码中，我在 childBuilder 内容中得到了热重载。但如果我改变disableAppBar，这不会得到重建。

我试图提取整个小部件，但无济于事

关于如何完成这项工作的任何提示？

我的Nuxt项目使用隐藏.pages目录而不是原来的pages. .pages是从根目录和插件目录复制文件的结果，pages因此它是只读的。我配置gulp为.pages使用gulp.watch. 问题是在这种情况下热重载效果不好。为了解决这个问题，我尝试设置watch选项以更严格nuxt.config.js地观察。.pages它有帮助，但是每当我在pages目录中进行更改时，它只会重新编译整个应用程序，您可以想象它太长了。是否可以配置监视.pages目录中的更改，以便热重载将像往常一样正常工作，就像直接在目录中进行更改一样.pages？您可以在下面看到我的collect-pages脚本，该脚本从pages应用程序中的目录.pages以及gulpfile.js监视更改pages和collect-pages更改的目录。