React热加载器在保存更改时不更新页面
React热加载器（React Hot Loader）是一个用于React开发的工具，它可以在开发过程中实现代码的热替换，即在保存更改时，不需要刷新整个页面，只更新发生更改的部分，从而提高开发效率。
React热加载器的工作原理是通过在开发服务器中运行一个WebSocket服务器，与浏览器建立实时的双向通信。当开发者保存文件时，热加载器会监听文件系统的变化，并将变化的模块发送给浏览器端。浏览器接收到新的模块后，使用React的热替换API将新的模块替换到页面中，从而实现页面的局部更新。
React热加载器的优势在于它可以大大提高开发效率。传统的开发方式需要手动刷新页面来查看修改的效果，而热加载器可以自动更新页面，省去了手动刷新的步骤，减少了开发者的等待时间。同时，热加载器还可以保持应用的状态，避免每次刷新页面都需要重新输入数据或者重新进行操作。
React热加载器适用于React开发中的各种场景，无论是开发单页应用还是多页应用，都可以通过热加载器实现实时更新。它特别适合在开发阶段进行快速迭代和调试，可以帮助开发者更快地发现和修复bug。
腾讯云提供了一系列与React开发相关的产品和服务，其中包括云服务器、云数据库、云存储等。具体推荐的产品和产品介绍链接地址可以参考腾讯云官方文档或者咨询腾讯云的客服人员。
相关·内容
我有一个使用的谷歌地图设置，我正在使用来显示覆盖在地图顶部的热图。这在初始加载时工作得很好，但我在切换热图的可见性时遇到了一些困难。
在中的示例中，它们可以访问heatmap变量来执行heatmap.setMap()和heatmap.getMap()之类的操作。
据我所知，使用react-google-maps并没有提供访问map或heatmap实例的方法。
那么如何打开/关闭热图呢？
import HeatmapLayer from "react-google-maps/lib/visualization/HeatmapLayer";
const MapaPerfilW =
浏览 0提问于2017-11-10得票数 1
1回答
import { defineStore, acceptHMRUpdate } from 'pinia';
import { v4 as uuidv4 } from 'uuid';
export const useStoreNotes = defineStore('storeNotes', {
state: () => ({
notes: [
{
id: '8d3ce756-ef35-4e68-80bd-fb97e03a831b',
content: 'Lea
浏览 8提问于2022-07-06得票数 1
4回答
我的目标是：
禁用spring启动项目的IntelliJ IDEA中的自动保存
手动保存文件时，始终热重新加载项目。
在我看来，同时实现这两个目标是不可能的。
我可以通过修改以下设置来禁用IntelliJ IDEA中的自动保存程序：
生成、执行、部署 -> 编译器自动取消生成项目
另外，我认为还需要修改这些选项：
外观和行为 -> 系统设置取消同步保存文件(帧失活和自动保存文件)
我可以在Mkyong：的帮助下启用热重新加载，正如您可以从链接中看到的那样，它需要设置“自动构建项目”。如果我做了这两个步骤，那么应用程序将始终保存在编辑，它将始终热重新加载应用程序。
这
浏览 6提问于2017-03-30得票数 14
1回答
瓶反应应用程序不热重装
、、、
我正在尝试使用带有React前端的Python。这是webpack的档案：
var webpack = require('webpack');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = {
entry: [
"./js/app.jsx",
"./scss/main.scss"
],
output: {
path: __dirname + '/static',
浏览 2提问于2017-11-02得票数 0
2回答
我试图从Node/webpack-dev服务器下运行的图书“-type，React.js”中获得一个简单的“你好，世界”应用程序。我没有看到任何错误，但是当我在浏览器中访问它时，页面是空白的。
以下是我如何尝试--但失败了--运行这本书的
使用以下步骤安装node和npm (改编自)：
$ mkdir ~/..local/ node - install -install$ cd ~/..local/node-install$ curl 区xz -组件=1美元/配置-前缀=~/.本地$ -j install$ curl _ sh节点-v；npm -v v7.7.4 4.1.2
从这本书
浏览 4提问于2017-03-28得票数 2
回答已采纳
1回答
我想热重新加载所有的反应组件，而不是一个一个地添加文件。
module.hot.accept(['react/a', 'react/b', 'react/c'], function (){})
在我的项目中，我使用require.context使所有js文件重新加载。
'user strict';
import React from 'react';
import ReactDOM from 'react-dom';
import A from 'a'
ReactDOM.rende
浏览 2提问于2017-10-03得票数 1
1回答
在我的类CLI项目中，我包含了自己的js文件，如下所示：
import Task from "src/js/task.js"
当我更改这个文件(task.js)中的某些内容并保存它时，我的更改在热重新加载时是不可见的或功能的。但是，我在控制台中看到了这一点: vite热更新:/src/components/kk-相位-tasks.vue
所以热重装似乎能识别出一个变化和更新。
即使在重新加载页面之后，我的更改也不会生成。
只有在关闭dev服务器并再次启动(类星体dev)之后，我的更改才会被反映出来。
我是否必须定义vite应该更新的文件夹或文件？我遗漏了什么？
浏览 2提问于2022-06-18得票数 0
回答已采纳
1回答
我是下一位新手。我不知道为什么我的网站会定期重新加载？我知道热代码加载是nextjs的特性。当Next.js检测到保存到磁盘的任何更改时，它将重新加载该页。但是，我如何知道导致页面重新加载的更改是什么呢？
浏览 2提问于2021-07-15得票数 1
回答已采纳
2回答
在0.61 of react之前的版本中--用于反映代码更改的本机，我们有两个选项。
Live (当检测到一些变化时重新加载应用程序)
热重放(反映没有重新加载的变化)
但是在0.61中，删除了这两个版本(Live，Hot )，引入了一个名为Fast 的新开发特性，它的工作方式类似于Hot ，因此现在的问题是Fast 和Hot <code>E 219</code>之间有什么根本区别。
浏览 0提问于2019-11-28得票数 19
2回答
Redux Saga热重装
、、、、
我在做一个React & Redux项目。本项目采用webpack开发中间件和热中间件进行热重装.
在我将Redux添加到该项目并将Saga中间件添加到redux商店之后。似乎每当我更改saga代码时，热重加载都会中断并显示一条错误消息：
Provider>不支持动态更改store。您很可能会看到此错误，因为您更新到Redux2.x并响应Redux2.x，不再自动重新加载热减速器。有关迁移说明，请参见。
据我所知，Saga使用的是发电机，它依赖于时间。是否可以用Sagas热重新加载页面？就像Redux减速器在热重装过程中更换自己一样。
谢谢!
浏览 4提问于2016-05-10得票数 24
回答已采纳
我使用react、react-redux、react-router和react-loadable构建了一个PWA。我用Corona构建了一个应用程序，它使用webview指向PWA。原生应用程序让我可以访问PWA在iOS上所具有的功能。这很好用。但是，webview不支持服务工作者。因此，不会缓存任何内容，每次打开页面时，应用程序都会重新加载页面。
有没有办法使用react-redux来存储js/css包？
也许是另一种实现存储(全部或部分)的方法，以减少后续打开时的网络需求？
目前，我不打算缓存发生在数据库上的API调用，而是缓存呈现的实际组件(或加载来呈现组件的包)。
我想这不是一个新问题
浏览 1提问于2019-01-10得票数 0
当用户登录时，我尝试在“注销窗体”中添加一个类，该类有一个“display :block”，即使带有“！important”标记，它也会覆盖注销窗体上的任何显示属性。我尝试过重新加载页面，因为一旦用户登录，它就会弹出注销表单，但它会陷入无限循环。
import React from 'react';
import ReactDOM from 'react-dom';
export default class AccountsUI extends React.Component {
componentDidMount() {
Accounts._l
浏览 11提问于2016-03-31得票数 0
我正在学习React和React Router。我使用create-react-app创建了一个应用程序，在我开始使用react-router-dom之前，热重载工作得很好。
这是我的package.json
{
"name": "my-app",
"version": "0.1.0",
"private": true,
"dependencies": {
"bulma": "^0.7.2",
"react": "
浏览 0提问于2018-10-29得票数 6
Django和/或我的when服务器是如何保持在切换Git分支时应该使用的文件的？
我的理解是，当我在Git中签出一个分支时，实际的文件系统会被修改。这是真的吗？如果是，Django和webserver如何保持我启动服务器时存在的文件？
例如，：
在主分支上创建views.py
return HttpResponse("<h1>Hello world!</h1>")
启动服务器(使用daphne)：
daphne -b 0.0.0.0 -p 9000 my_app.asgi:application
我的应用程序输出：
你好，世界！
修改views.py
浏览 0提问于2018-07-03得票数 1
回答已采纳
9回答
我在windows10和Ubuntu 16.04上试用过。在这两种情况下，热重新加载只适用于jsx中的更改，但不适用于我在javascript中更改变量或函数或其他内容时的更改。热重新加载已启用。已禁用实时重新加载。当我在Visual Studio代码编辑器中保存更改时，虚拟设备(android studio)会重新加载，但更改不在那里。在世博会应用中的物理设备上也是如此。
首先，我没有安装watchman。热Relaod不工作。安装后，热重新加载也不能工作。
我使用create-react-native-app启动应用程序。它不会被弹出。
package.json：
{
"nam
浏览 38提问于2018-03-26得票数 7
我有一个热重新加载和WebStorm的问题。
几周前，我没有这个问题，因为当我从WebStorm集中精力时，热重载才刚刚触发。但现在，每次文件更改都会触发热重新加载，这非常恼人，因为大多数时候我没有完成逻辑，它会触发错误。
有人注意到用WebStorm编写原生react代码时的新行为吗？
浏览 29提问于2017-02-11得票数 1
回答已采纳
1回答
我正在运行ExtJS6.2，与新框架相比，我缺少的一个特性是开发期间的热重新加载/动态重新加载(包括JS文件和css文件)。按下F5，X秒刷新页面是浪费时间的。
我试图用browsersync配置vagrant，但是观察者可能没有看到正确的文件。因为sencha有sencha app watch，Sencha6.2中也有一个名为“”的新特性，我认为还有一些选项/解决方法可以启用“页面刷新”
如何在Sencha中配置热重加载？
浏览 1提问于2019-04-09得票数 1
我最近开始在React Native中工作。我对热重载和实时重载功能很感兴趣。然而，热重新加载并没有完全按照它应该的方式工作(即时更改)。我理解热重新加载和实时重新加载之间的区别。
问题是，每当我在我的文件中进行更改时，比如profile.js，工具提示都会显示Hot Reloading..，但我所做的更改并未反映出来。现在需要说明的是，我只是在更改呈现函数中的TextView的字体大小。但是，如果我转到另一个活动，然后返回到profile.js，它会反映更改。
是我做错了什么，还是热重新加载功能中的错误？
任何链接到其他地方，我可以找到答案是完全欢迎的。
浏览 1提问于2018-03-29得票数 1
我遇到了一些麻烦，让反应热烈的webpack装载机正确工作。
当我加载页面时，正如我所期望的那样，我得到了以下内容：
等待来自WDS的更新信号..。
启用热模块替换。
但是，当我保存更改时，页面会自动艰难地刷新浏览器(而不是HMR替换)。
//webpack.config.js
{
entry: {
client: 'webpack-dev-server/client?http://localhost:8786', // WebpackDevServer host and port
app: "./HelloWorld.tsx"
浏览 0提问于2016-05-17得票数 16
回答已采纳
1回答
我有一个反应+ Webpack +快车设置。React文件由Webpack打包并存储在/dist目录中。在发展模式上，Webpack是在观察模式的背景下运行的。新的更改将在dist目录中更新。Express服务器正在与Webpack进程分开运行。应请求，localhost:3000/服务器向客户端发送dist/index.html文件。
我想启用一个页面重新加载每次Webpack观察者完成编译的反应文件(前端)。到目前为止，我看到的是人们通过webpack重新加载快递服务器，但这并没有更新客户端。
有没有办法(通过快递)热装客户端？Webpack何时重新捆绑前部代码？
webpack.conf
浏览 4提问于2020-06-07得票数 0
如何在localStorage myCart数组中发生任何更改时立即更新cart页面数据？下面是我的代码
const [cart, setCart] = React.useState([])
React.useEffect(() => {
setCart(JSON.parse(localStorage.getItem('myCart')) || [])
}, [])
cart是在页面重新加载时更新的，而不是在新项添加或更新任何现有项时更新的！
如果有任何更改到“localStorage`”中，我如何做到这一点，即cart立即更新？
提前谢谢。
浏览 29提问于2020-07-14得票数 9
2回答
我在使用带有webpackdevserver的react路由器设置单页面react应用程序时遇到了一些问题。如果我使用browserhistory，那么在输入嵌套的路由url (例如/client/view)时，webpack会遇到一些问题。添加apiFallback可以解决这个问题，但热重新加载仍然存在问题。它尝试从不存在的深层url (/client/view/ hot-update.json )加载hot-update.json文件，因此失败并重新加载页面。我如何告诉hotreload总是从基本url (/)加载hot-update.json？
浏览 0提问于2016-10-21得票数 6
我在使用laravel应用程序时遇到了热重新加载的问题。
//laravel主页
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, in
浏览 5提问于2016-02-08得票数 0
我在我的开发环境中使用了在macOS上替换热模块的docker。我可以成功地运行我的应用程序，而当修改文件时，webpack热重加载，实际上是捡起了更改。但是，在此步骤中，重新编译总是失败，出现以下错误消息：
webpack.config
这是我webpack的配置：
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
mode: 'development'
浏览 0提问于2018-04-08得票数 0
回答已采纳
似乎在菲尼克斯1.5中，对React组件的热重新加载不能与Webpack一起工作。我创建了这个示例应用程序来说明我遇到的问题：
对./assets/js/react/App.js的更改不会自动重新加载。刷新页面也不会反映更改。我必须重新启动Phoenix服务器才能显示更改。
我可以编辑其他文件，如模板文件(*.html.eex)，它们可以正常重新加载。然而，有趣的是，即使当其他文件重新加载时，React组件仍然不会更新。
有什么想法可以让热重载与React组件一起工作吗？
PS。松散地遵循本教程在Phoenix 1.5项目中设置React：
浏览 9提问于2021-05-14得票数 0
回答已采纳
5回答
我有一个用create应用程序制作的react应用程序，热重新加载完全用错误杀死了页面：
Uncaught ReferenceError: process is not defined
奇怪的是，似乎注射了一种我以前从未注意到的iframe：
这个iframe会在我重新加载和破坏页面以及防止更新时立即添加到DOM中。我在网上找不到任何关于"iframe-bundle.js“的文档。
编辑:我尝试删除我的节点模块和任何有问题的导入(我先临时安装了craco )。还是同样的问题。太烦人了！
编辑2:如果我删除iframe，一切似乎恢复正常，即页面更新，并且是可交互的。
浏览 40提问于2021-12-15得票数 46
回答已采纳
在我们的解决方案中，除了一个web应用项目之外，我们刚刚将所有web应用程序项目从.NET Core3.1项目升级到了.NET 6。这些是使用Razor的ASP.NET Core3.1项目。以下是我们所看到的关于热重放的结果：
.NET 6项目热重加载似乎不起作用。热重放是启用，但我们的前端从来没有更新。刷新页面似乎也没有显示更新。 ASP.NET Core3.1项目热重加载正在按预期工作。
当我们在VS 2019中运行这些项目时，我们可以刷新任何项目中的页面，我们将看到更新。这里有没有我们缺少的设置？
浏览 18提问于2022-05-18得票数 5
回答已采纳
1回答
在尝试设置我的新开发环境(节点服务器+客户端，其中只有普通的js )时，我遇到了用于热重新加载前端更改的webpack热中间件。一切都很好，但是如果有像这样的代码
$button.addEventListener('click', () => {
// any code here
});
在热重载之后，当你点击$button时，这个事件监听器会比以前多触发一次！非常不舒服，但我没有从任何人那里发现任何类似问题的报告。有没有人可以帮我解决这个问题？
浏览 13提问于2020-04-11得票数 0
当涉及到使用webpack配置web应用程序以创建最佳开发体验时，我仍然是相当新手。我参加了两个不同的Node-React课程:一个是使用nodemon跟踪更改，另一个是实现热重载。
当涉及到这两个依赖关系时，它是一个还是另一个？它们应该一起使用，还是有点多余？
另外，如果我在客户端使用带有React的express服务器，我是使用react-hot-loader，还是使用webpack-hot-，还是两者都使用？我对热重新加载应该采用哪种方法感到困惑，因为似乎有很多方法可以做到这一点。
此外，当我使用nodemon作为包装器(nodemon --exec babel-node server.
浏览 1提问于2017-09-07得票数 17
回答已采纳
1回答
React热重新加载不起作用。在webpack条目中，我有以下代码。
entry: {
home: [
'webpack-dev-server/client?http://0.0.0.0:8000',
'webpack/hot/dev-server', // add "only-dev-server" prevents reload on syntax errors
path.join(__dirname, 'app/home-styles.js&#
浏览 9提问于2018-04-05得票数 4
我是react和开发react应用程序的新手，我希望用户可以将他/她选择的值保存在前端，以后也可以通过单击按钮看到这些值，用户可以看到之前选择了什么值。现在的问题是如何提供这个功能，我已经研究了它可以通过本地存储或通过react中的数据绑定概念来完成，但我不知道在我的场景中实现哪一个是最好的。
让我用图表给你解释一下。
(带有指标生成的第一张图片)这是我的React应用程序的主页，在“问题和指标”部分下面有一个叫做关联指标的东西，这些值是用户在前端选择自己的值。
(具有详细的用户控件的第二个图像)这是所有用户控件定义的页面，在这里用户可以选择值，在结束时，当用户单击"
浏览 2提问于2019-09-13得票数 0
我试图使后端的设计，如何编辑计算和服务它热页。我也使用“热”评级来订购我的网站上的帖子。我有一些问题，我正在努力克服。以下是一些我认为有意义的设计方法：
计算热值:目前，我正在计算值，并将其与选票本身一起存储在数据库中，每次有人向上发送帖子或任何时候有人加载该帖子。这可能不太好。例如，我想通过每5分钟更新一次cron作业来更新所有帖子的热值，比如只更新2个月的帖子。这个设计应该对成千上万的帖子起作用，有些我不确定这是否是最好的解决方案，但我确实读到过，reddit至少在一开始就使用cron作业来完成这个任务。
查询帖子：这是我现在更担心的部分。现在的问题是，如果我滚动(更多的文章加载在页面底部
浏览 11提问于2016-01-08得票数 1
1回答
我从得到了一个基本的热图。
现在，我希望能够突出显示整个图列，比如在所有值周围绘制一个矩形(也可以是一些更简单的东西)：
我还使用react来跟踪应该突出显示的列。因此，我需要能够通过编程更改此突出显示，而无需任何鼠标操作。
，有人知道如何在不使用鼠标事件的情况下为整个专栏设置样式吗？这有可能吗？
浏览 1提问于2019-08-18得票数 0
本地文件映射开发工具是否可以替代firefox中的Charles代理？我试图将远程服务器资源映射到本地文件，但它似乎不起作用。当我重新加载页面时，控制台语句和JS文件中的更改似乎没有被应用。
我可以看到源文件夹中列出的本地文件夹和文件。另外，请注意源没有显示原始的JS文件。但是我在本地文件的“源”选项卡中看到了这条消息。
工作空间映射失配
其余的警告声明本地文件夹中的文件与远程加载的文件不同。为什么这是一个问题，难道不是总是这样，因为你想在本地编辑文件吗？
我遗漏了什么？有什么办法解决这个问题吗？我的假设是，chrome工具中的这个特性允许本地加载资源，就好像它是从原始位置加载的一样吗？
我用
浏览 3提问于2014-10-22得票数 15
回答已采纳
引用自
当应用程序动态加载内容并更新地址栏中的时，还应该更新存储在跟踪器上的数据。
ga('set', 'page', '/new-page.html');
如果我在中使用Google标记管理器，我如何运行它？
下面是我如何跟踪使用高阶组件在React路由器上的路由更改时如何跟踪页面查看的片段。
componentDidMount() {
const { history } = this.props;
this.history = history.listen(location => {
if (
浏览 2提问于2021-04-26得票数 0
回答已采纳
2回答
我有一个反应应用程序，其中将包含数十个屏幕的管理面板。我决定在集成到react-router的选项卡中打开页面。当我更改当前页面并返回同一页面时，输入的所有内容都将消失。
解决此问题的最佳实践是什么？它应该是可伸缩的，并且不能要求在开发人员开发的每个页面中都编写代码。
我还使用Redux将userContext和appContext传输到每个屏幕。Redux是否可用于存储每个输入或其他组件的值？
浏览 2提问于2018-06-01得票数 0
我在一个Rails 5.1应用程序中使用了Reactive16.1.1(使用react-rails gem)。
特定页面上的React组件可以正常工作，除非使用浏览器“back”按钮返回到这个页面(用firefox / chrome /safari测试)。在这种情况下，显示与组件的状态不一致。我已经设置了问题的演示：。
复制的步骤
在/page1上
单击“选择模式”按钮，将“selectionMode”设置为true
点击‘第2页’
使用“后退”按钮返回到第1页
预期行为:按钮是灰色的(当组件加载时，selectionMode被重置为false )。观察到的行为:按钮仍然是
浏览 5提问于2017-11-29得票数 0
回答已采纳
2回答
我正在开发一个React应用程序，其中有一个包含大量图形和大型列表组件的页面，加载它需要一些时间(性能依赖)。就目前而言，这是可以的，但问题来自以下几个方面：
在第一次呈现时，有一个API调用(API，因为不同的页面使用相同的数据)。加载旋转器在获取API数据时显示。
一旦数据被获取，它就是Redux管理状态，并且每个组件只是从那里获取它所需要的东西(不再加载)。
我的问题是，当我在页面之间导航时，通过链接(react路由器)，单击链接后，页面显示和菜单更新当前页面需要一段时间。在这段时间内，状态数据没有任何变化，所以我假设PureComponent会阻止重新呈现，但它不起作用
浏览 0提问于2019-01-03得票数 2
32回答
我是跟踪使用创建-反应-应用程序的上的React。应用程序由 v1.3.0创建。
create-react-app my-app
开发服务器由
npm start
在多次更改代码之后，浏览器将不会使用更改进行实时/热重新加载。刷新浏览器没有帮助。只有停止dev服务器并再次重新启动它，才能捕获对代码的新更改。
浏览 67提问于2017-04-07得票数 130
回答已采纳
1回答
基于本文：，我试图在react中创建一个自定义游标组件
我使用的是，问题是悬停事件只在初始页面加载时或刷新页面后处理路由器组件中的内容。
然而，悬停总是在nav组件链接上工作。我已经设置了一个基本的CodeSandbox，在这里您可以看到nav链接上的悬停是如何工作的，而不是在页面内容链接上(在初始页面加载之后和在页面之间导航时)。
我是一个反应的初学者，所以我肯定我做错了这件事。有人能帮忙吗？
浏览 1提问于2020-08-22得票数 0
回答已采纳
1回答
用于弹簧引导后端+前端的热重装
、、、、
我骑着那些关于spring工具和热重装的文档
根据这一点，可以看到热重加载java和backed /Typescript/webpack应用程序的可能性。
这是我们的架构(快捷方式)。
mainmodule
backendModules <- those modules are just maven project have theirs poms and etc
backendModule1
backendModule2
fontendModule
content <- React/Typescript/Webpa
浏览 0提问于2018-04-17得票数 4
我正在制作一个需要一个相当大(大约1到2MB) json文件的React应用程序，我正在试图找出如何以一种将用户加载时间最小化的方式来包含这些数据。我在webpack是个新手，但到目前为止我看到了两种选择：
将数据添加到React源并将其导入到jsx中。
将json放在静态文件目录中，并在jsx中获取它。
另一个限制因素是，多个页面将加载相同的数据，因此我认为，由于用户将在第一次加载后缓存json，所以可能会更好地获取数据。
我对此还是很陌生的，我可能会错过一些重要的东西，所以我很感激你能给我的任何信息。
浏览 1提问于2017-10-26得票数 0
回答已采纳
3回答
问题:当使用"npm运行“在本地运行我的应用程序时，会得到一个没有错误日志的白色页面。
框架/程序使用
反应15.6.2
NodeJs 8.11.3
webpack 1.15.0
babel 6.26.0
Git 2.18
OS Windows 10
我尝试删除所有节点模块和包-lock.json，我还尝试将webpack的版本更新为
有一件事我注意到，虽然我没有看到任何东西被加载，如果我改变一个组件，我得到消息：“以下模块不能热更新：(完全重新加载所需)
我试着更新热装载机，但这也不起作用，有人知道怎么回事吗？
更新这里是webpack服务器的配置：
co
浏览 0提问于2018-08-15得票数 1
回答已采纳
1回答
App.tsx
import "./styles.css";
import { Parent } from "./components/parent";
import { Child } from "./components/child";
export default function App() {
return <Parent child={Child} />;
}
Parent.tsx
import * as React from "react";
export const Parent: React.
浏览 32提问于2022-09-10得票数 0
不久前，Visual更新程序添加了一个热重加载功能。它很方便，但它也可能是恼人的，特别是当您正在测试时，您不想重置当前的前端状态。无论是否正在调试，Visual都会注入脚本。
如何禁用热重装？我的Visual版本是16.10.3
浏览 9提问于2021-08-27得票数 19
回答已采纳
1回答
我有以下两个react组件，一个是主App，另一个是使用react- notification -component的通知组件。我省略了一些我认为不那么重要的代码部分。 请注意日志。 import ReactNotification from "react-notifications-component"
function App() {
const notificationDOMRef = useRef(null)
return (
<>
<ReactNotification
浏览 12提问于2019-05-02得票数 2
我定义了以下路由
<Route path='/' component={App}>
<IndexRoute component={LoginContainer} />
<Route path='landing' component={LandingComponent} />
<Route path='login' component={LoginContainer} />
</Route>
现在，当用户单击loginContaine
浏览 9提问于2017-03-05得票数 1
回答已采纳
1回答
React js项目的开发流程
、、、、
我们很快就会在React中开始新的项目。多个团队将在同一项目的不同模块上工作。我们有PHP项目的工作背景，我们过去经常在文件中进行更改，并使用FTP将其推送到开发服务器上。
但在react中，只要我们做了一行更改，我们就必须转换代码。如果一个开发人员在本地机器上工作，这不是问题，因为有任何可用的选项，比如Webpack的热重新加载。
团队如何在React应用程序上工作，而不是每次都将时间浪费在编译和构建应用程序上以查看操作中的更改？你能给我们推荐一些工具吗？我们也将使用AWS服务，这种情况下有没有可用的选项？
浏览 2提问于2017-10-12得票数 0
3回答
热重装在电子反应中的应用
、、、
热重装似乎不再有效。我不知道在我的设置中会发生什么变化，事实上，据我所知，git日志显示，什么都没有改变。
无论如何，我试图重新加载CSS并响应.jsx文件的工作。
目前，我在另一个控制台选项卡中运行npm run watch，然后运行npm run start。应用程序将启动，但不会重新加载文件中的任何更改。我的package.json如下所示：
{
...
"main": "main.js",
"scripts": {
"test": "echo \"Error: no test speci
浏览 2提问于2016-12-28得票数 7
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
