Question

我刚刚从github克隆了一个仓库，并启动了服务器，并能够看到显示在http://localhost:8080上的默认文本

默认文本显示在src/components/app.js内。并对文本进行任何更改，只需切换回浏览器并重新加载网页即可查看更改。

现在，我尝试从头开始创建src文件夹，因此我删除了src并重新创建并添加了文件index.js，但没有任何内容。（我的Web服务器一直都在运行）

所以我的问题是，当我重新加载网页时，我期望网页中没有内容显示。但事实是，我仍然可以在网页上看到以前的更改。好像被缓存了吗？为了反映最新的更改，我必须终止Web服务器，然后再次终止npm start。

这是我在Web开发中的第一个计时器，因此想知道是否是每次我们进行任何更改时重新启动Web服务器的常见情况和最佳做法？

Answer 1

通常，在使用react开发时，您甚至不必刷新您所在的页面。将更改保存在编辑器中后，它们便会立即在浏览器中可见。也许您通过设置index.js犯了一个错误

从react开始时，我建议您使用https://github.com/facebook/create-react-app

有了它，开始非常容易，您可以进行一些操作并开始使用React。

Answer 2

您应该使用热模块更换。

这里是一个例子：

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import './index.css';

ReactDOM.render(
<App />,
document.getElementById('root')
);
if (module.hot) {
module.hot.accept();
 }

热模块替换（HMR）是一种可在浏览器中重新加载应用程序的工具，以便浏览器不执行页面刷新。顺便说一句，@ Zander是正确的，您不必杀死服务器。页面自动刷新。为了帮助您，我希望您使用npm安装了create-react-app npm install -g create-react-app 并以 create-react-app yourApp 的形式启动新应用。如果这样做，将自动配置所有基本功能。

每次进行更改时都必须重新启动Web服务器吗？

2 个答案: