问题标签 [hot-reload]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
123 浏览

ios - 当手机进入睡眠状态时,颤振热重载停止工作

我的设置

  • 安卓工作室 3.5
  • 颤振 1.9.1_hotfix.2
  • iOS 12

将应用程序部署到手机并保持应用程序运行后,热重载与 Android Studio 一起工作,直到手机进入睡眠状态并自动锁定,此时 Android Studio 工具栏中的热重载按钮突然变灰,并且运行按钮变回绿色。

这是设计使然吗?使用 Flutter 时是否需要关闭手机的自动锁定功能?

0 投票
1 回答
6516 浏览

javascript - webpack热模块更换不起作用

我试图在我的 webpack 配置中使用 HRM(热模块替换),首先我在 package.jsong 中设置了 --hot 选项:

另请注意,我正在使用 HtmlWebpackPlugin 为我创建一个 index.html 文件并将其放在“build”目录中,这是我的完整 webpack.config.js 文件:

如您所见,我主要使用的条目./src/javascripts/index.js是导入名为 application.scss 的文件的位置:

application.scss 包含:

因此,每当我更改位于我的 html 页面中的 span 的背景颜色时,我都想热重新加载页面。

当我运行时,npm run start我更改了跨度的背景颜色,更新第一次工作(但它确实是一个完整的页面重新加载)然后如果我再次尝试更改背景颜色,则没有任何更新,我在控制台中看到的只是:

不确定这里缺少什么,但有人可以看到做错了什么?

0 投票
1 回答
2355 浏览

flutter - Flutter get_it 和 FutureBuilder 无法使用热重载

下面的应用程序按预期工作,但不幸的是它不适用于热重载。我想知道如何使用它进行热重载。

代码所做的只是等待特定Future<String>的可用,然后在屏幕上显示该字符串。在等待期间,会显示一个进度指示器。

正如我所说,这按预期工作,但问题是如果我改变任何东西(我的意思只是简单的装饰性东西)并且热重新加载启动,应用程序将永远坐在那里显示进度指示器,因为connectionState保持ConnectionState.waiting模式。

这是代码更详细的功能:

我将一个String对象注册为GetIt. 由于该字符串包含在 a 中Future,因此代码必须等待它准备好才能注册。

(在实际代码中,我正在从资产加载 JSON 字符串。这就是为什么它位于Future.)

AFutureBuilder通过等待GetIt一个名为 的属性来等待字符串单例可用readyFuture

当字符串可用时,将其FutureBuilder显示在屏幕上。在此之前,将CircularProgressIndicator显示 a。

我的 pubspec.yaml 中有这些依赖项:

0 投票
1 回答
134 浏览

xcode - VSCode 颤振热重载

当我进入flutter run终端时,一切都很好,我的应用程序在我的 iOS 模拟器上运行。但是,它会打开一个新行MacBook-Pro:testApp mattk$,如果我按下r回车键,它会返回-bash: r: command not found

如果我通过 VisualStudio Code“不调试就开始”,它会卡在“运行 Xcode 构建”上,并且应用程序在我的模拟器上是空白的。

0 投票
1 回答
1705 浏览

reactjs - 热重载无法与 React-Redux 和 Hooks 一起正常工作

我试图让热重载与 react16.9.0和 react-redux一起工作7.1.1

这是我的代码,我希望useEffect()只调用一次加载数据(回调):

尽管useCallback()用于记忆函数,但当我将更改保存到另一个 JS 文件时,useEffect()再次调用中的回调,重新加载字段。

但是,如果我将useEffect()函数的依赖关系从更改[dispatch]为 just [],那么它会按我想要的方式工作,并且不会在热重载时调用 inuseEffect()的回调但是如果我这样做,推荐的 React Eslint 会抱怨我没有包含dispatch依赖项。

如何让 linter 开心,同时让热重载正常工作useDispatch()

其他症状:

  • 使用静态['anything']也会导致热重载不起作用;这很奇怪,因为它应该等同于[].
0 投票
2 回答
272 浏览

java - 带调试模式的 jrebel 无法更新类

我用 jrebel 的调试模式启动了这个项目。当我更新类时,jrebel 抛出以下日志异常。尽管我没有对类进行任何更改,但我只是添加了一个空格。在启动模式下启动是正常的。

这让我很困惑。jrebel和debug模式有冲突吗?我用的是最新版的jrebel,虚拟机oracle jrockit 1.6

0 投票
1 回答
535 浏览

javascript - 自定义构建设置所需的 webpack vue.js 热重载配置

我有一个用于将 iframe 注入网页的 chrome 扩展的自定义构建设置,并且这个 iframe 是使用 vue.js 构建的。构建此 iframe 的入口点是src/popup/js,它应该输出到dist/popup.

这一切都很好,但我不知道如何设置热重载,所以我可以在更改代码的那一刻看到浏览器中的更改。目前,当我运行buildstep 时,所有内容都已准备好并放入dist文件夹中,而我想要热重载的 iframe 是dist/popup/popup.html文件。

这是我的package.json

这是webpack.config.js

这是我的项目结构:

这是我的项目结构:

0 投票
1 回答
1637 浏览

flutter - 如何修复'另一个异常被抛出:NoSuchMethodError:null 上的无效成员:'findRenderObject''在飞镖与 web 的颤动?

当我热重载网络应用程序时,我收到此错误。

这是flutter doctor -v输出:

0 投票
1 回答
242 浏览

reactjs - React Hot Reloading + Webpack 没有 Express 或 Webpack-Dev-Server

我有一个带有 React+Redux 应用程序的客户端-服务器架构,它使用 Webpack 将代码捆绑到一个 dist 文件夹中,以及一个为这些文件提供服务的 go 服务器,我正在尝试在这个配置中实现 react-hot-reloading。客户端通过 API 调用和 web-socket 与 go 服务器进行通信。

我看到的所有示例和指南都在谈论 Express 或 Webpack-Dev-Server 服务器作为实现热重载的先决条件,例如: https ://www.javascriptstuff.com/webpack-hmr-tutorial/

https://thoughtbot.com/blog/setting-up-webpack-for-react-and-hot-module-replacement

有没有办法在这种配置中实现热重载?我能想到的唯一解决方案是在开发过程中使用 Express 或 Webpack-Dev-Server 服务器,并将 API 调用和 web-socket 重定向到服务器,但这似乎有点矫枉过正。

0 投票
2 回答
5928 浏览

flutter - Flutter web 执行“热重启”而不是“热重载”。Flutter Web 是否支持“热重载”?

我已经使用flutter_web 有一段时间了,从来没有真正质疑过它总是在按下“热重载”时重新启动整个应用程序,但是现在flutter_web 被合并到主flutter 频道我想知道我是否可能做错了什么或者它只是不可能。

我正在使用最新版本的颤振(Channel dev,v1.10.14)和 Chrome(版本 78.0.3904.70)并在调试模式下运行应用程序。

如果这不寻常,请告诉我,我将上传我的代码。谢谢!