编译reactjs样板后的奇怪问题

Question

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

TLDR：

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

Chrome 浏览器控制台 控制台打印出来的只是告诉我获取 chrome 的 react-devtools 扩展。

终端 正在编译... 编译成功！

Answer 1

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

默认 App.js：

---

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

---

我在白屏上用 chrome 打开了 f12 [控制台说了同样的话]，然后重新加载了页面。然后，我的变化就显现出来了。我进行了更改并保存了。实时更新 [无需手动刷新浏览器] 开始工作。 我关闭了 F12 工具，实时更新继续工作。

我的假设是，使用默认的 F12 工具加载页面就足以让这一切做好准备。我不认为这是一个等待的事情，因为我在诅咒它并走开后一夜之间离开了它。我希望我有一个更好的答案，但这对我有用。

后续[nmp start]s 确实不需要需要激活工具才能让页面正常工作并显示实时更新。我希望这对其他人是可复制的。

现在加载反应工具扩展。