问题标签 [fast-refresh]

你好吗。我正在使用 React Native 0.62.2。问题是当代码更新时，它会自动转到 initalRoute，所以我需要导航到我正在检查更新的屏幕。如何在更新代码时停止它，快速刷新在当前屏幕上显示更新？

谢谢

在某些时候，我相信当项目更新到 RN 0.63.2 时，从 Visual Studio Code 运行调试 iOS 时，快速刷新完全停止工作。

• 从 Xcode 运行时，快速刷新仍然有效。（但是我失去了在 VSC 中设置断点的能力）
• 奇怪的是 + 谢天谢地，该项目的其他开发人员没有遇到这个问题。

我相信我已经尝试了互联网上提到的每一个建议，包括：

• 重新安装守望者
• 清理守望者缓存
• 清理纱线缓存
• Nuking 节点模块和 Pod (20X)
• 重新启动计算机 (5X)
• 冷水淋浴
• 核对并重新克隆整个仓库。
• rm -rf .git/index.lock
• 在 VSC 中重新安装 React Native 工具
• 确保 VSC 是最新的。
• 在模拟操作表菜单中打开/关闭调试
• 在模拟操作表菜单中打开/关闭快速刷新
• 更新模拟
• 擦除+重新安装在SIM卡上

我目前必须完全关闭 VSC（+ Metro 捆绑器）并在每次进行更改时重新构建。呃。

这个问题在这里已经被问过好几次了（这里是最相关的，另一个例子），但没有提出任何解决方案。所以我有两个问题要问你们：

1. 知道为什么它在大型项目中不起作用吗？我的意思是，与项目大小或他包含的包相关的快速刷新是否存在任何已知问题会导致快速刷新停止工作？有什么办法可以解决吗？
2. 有没有一种方便的方法可以在不使用快速刷新的情况下在应用程序中编辑内部页面（无需独立运行页面，因为它取决于应用程序的所有逻辑）？

这个bug真的让我的开发变得非常困难，我很难相信专业的开发人员没有找到解决这个问题的方法，请帮助！

我正在使用 expo-cli(v3.26.2 - Expo SDK 38 使用 react-native v0.62)

假设我有一个 React 应用程序，它有一个内部状态，我在其中存储一个对象，比如

假设我的班级 Car 如下所示：

当我运行和调试应用程序时，我可以将 Car 对象保存到状态中并检索它并调用 present()。

现在，当我对 present() 函数进行更改时，例如

然后由于快速刷新，我的应用程序被刷新了。但不幸的是，因为对象已经存储了状态，所以它不会收到函数实现的更新。

有没有一种方法可以更改代码，以便通过快速刷新功能实现也将针对处于 React 状态的对象进行更新？

我尝试通过原型更新该方法，但它也不起作用。

几天前，我开始担任新的开发人员角色，并进行了一些环境更改以适应工作。从那时起，我的热重载/快速刷新就完全停止工作了。即使我手动刷新页面，更改也不会显示。仅当我停止开发服务器并使用“npm run dev”重新启动它时才显示更改。右下角的三角形指示器应该是活动的，显示窗口的活动重新加载（这也不再一致地显示，如果确实如此，页面将重新加载，但可惜建议的更改不可见）

语境：

• 它对我的所有 NextJS 和 react 应用程序都有这种影响。即使在 NextJS 示例页面上运行一个基本的项目模板，也不会显示热重载工作。
• 我研究了这个问题，似乎错误的导入（例如使用小写导入组件或页面目录中的文件被大写）可能会导致这种情况，但我梳理了代码并没有发现任何问题（当然，我可能会错过它但我的代码库有 300 多个文件）。
• 后台的服务人员可能会导致问题，但我清除了浏览器中的所有问题以确保它仍然无法解决问题。
• 我安装了 ngrok 用于工作目的的隧道，并安装了 docker-compose 来处理工作开发。环境。
• 确保我使用的是最新的 Next 版本。甚至删除了 node_modules 并运行了 npm install。删除 .next 和 out 文件夹，仍然没有运气。

有人对我接下来应该尝试什么有任何想法或线索吗？它与我为工作而安装的东西有关吗？与 VS 代码或 WSL2 相关的东西？似乎很令人费解，它只是在一夜之间发生的。感谢您的任何见解或建议！

系统信息 操作系统：Windows（VS 代码的 WSL2 虚拟化） 浏览器：Chrome Next.js 版本：10.0.3 Node.js 版本：14.8.0 部署：npm run dev 用于开发工作；为 AWS 托管放大发布

我有一个大型代码库，其中使用了带有JSS的 Material UI。

所有其他文件导入如import { astyle } from './jss'

更新a.js导致ComponentB重新渲染的原因，有什么办法可以告诉 webpack 不要重新加载整个jss/index.js？

组件工作正常

更新ComponentC不会重新渲染ComponentD或components/index.js

我正在寻找破坏性最小的解决方案，并且不希望通过文件名直接导入所有样式摆脱jss/index.js

这是演示存储库，基于此处的快速刷新存储库中的示例

在我的公司，我们通过 SSH 使用远程开发服务器来开发 React 应用程序。我想为我们的项目使用快速刷新来节省时间，但我不知道如何让它远程工作。

有什么推荐吗？

我正在用 nextjs 和 Chakra UI 建立一个网站。我正在使用情感来设置我的导航样式。

导航组件代码如下：

我在快速刷新时遇到问题。当我启动开发服务器时，导航组件会正确选择样式

上菜后，如果我尝试将顶部位置更改10px为快速刷新并不会反映这些更改。

快速刷新功能与其他组件完美配合，但仅在此特定组件上存在问题。我浏览了几篇文章，但不确定是什么导致了这种行为。

我的 React 应用程序在开发中跨域加载，并且我已将我的 React 应用程序配置为还使用__webpack_public_path__.

例如：

页面https://test.local-> 嵌入https://host.docker.internal:3002/static/js/bundle.js-> 加载https://host.docker.internal:3002/static/js/0.chunk.js。

问题是在热加载期间，更新 JSON 也是从跨域加载的，导致 CORS 错误：

FAST_REFRESH=false由于 CRA 不允许对 webpack-dev-server 进行配置访问，除了通过env 变量禁用快速刷新之外，我想不出办法解决这个问题。

有没有人有更好的想法或解决方案？

如果我要在 react native 上重建快速刷新功能，我该如何处理？

天真地，我可以想到几个步骤。

1. 模拟器需要监听 IDE 的变化。
2. 在 IDE 中保存更改后，应该通知一些“工作人员”并触发应用程序的构建
3. 构建完成后，自动重新安装/部署对应用程序的更改。

听起来对吗？我在这里错过了什么吗？有人可以帮助我更深入地了解这个流程吗？