编译reactjs样板后出现奇怪的问题

Question

首次使用create-react-app样板时，一切似乎都很好。提示Edit src / app.js并保存以重新加载，但是，例如，在更改app.js而不是edit src / app.js之后，我将其更改为测试更改。一旦我单击“保存”，所有内容都会重新加载控制台打印文件正在编译...已成功编译！，浏览器会自动重新加载页面上的内容，只是发现它像默认的index.html一样都是空白，这使我感到困惑进一步保存项目树中的任何文件会将页面重新加载到默认的 Edit src / app.js并保存以重新加载，即使该字符串不再存在于App.js中。

TLDR：

• 获得了create-react-app
• create-react-app客户端
• npm开始
• 页面显示默认值
• 编辑 App.js更改显示文本
• 控制台编译说编译成功后，页面保持白色！
• 重新保存文件，使其编译两次。
• 第二次编译完成后，页面将返回默认模板，不显示新信息

Chrome浏览器控制台 控制台不会打印出任何内容，仅告诉我获得chrome的react-devtools扩展名。

终端 编译中... 编译成功！

Answer 1

我有同样的问题。发布更改屏幕为白色，控制台显示[获取扩展名]。我多次重新创建了应用样板，并多次重新加载了该应用。

默认App.js：

---

我希望有一个更科学的解决方案，但这对我有用：

---

我在白屏上打开了铬色的f12 [控制台说的是相同的内容]，然后重新加载了页面。然后，我的更改显示出来。我进行了更改并保存。实时更新（无需手动刷新浏览器）开始工作。 我关闭了F12工具，实时更新继续起作用。

我的假设在这里是用默认的F12工具加载页面足以使页面启动。我不认为这是一件等待的事情，因为我在诅咒并走开后隔夜离开了这本书。我希望我有一个更好的答案，但这对我有用。

随后的{{1}}没不需要需要激活工具来使页面正常工作并显示实时更新。我希望这对其他人是可重复的。

现在正在加载react tools扩展。