使用实时服务器时，实时服务器不缓存 JavaScript 代码

Question

我的项目是基于 React.js/Babel.js 的。我确定我的代码没有错误，但是实时服务器没有响应通过 JavaScript 所做的更改。我对 HTML 文件进行了更改，更改没有任何错误。当我对 JavaScript 文件进行更改时，它们没有。

我尝试了以下选项，但问题仍然存在，浏览器拒绝显示代码更改：

1. Stop/Run 在线服务器
2. 切换浏览器
3. 删除浏览器缓存
4. 删除直播服务器IP Cookies
5. Disable/Enable 在线服务器
6. Uninstall/install 在线服务器
7. 使用 NPM 安装实时服务器
8. 检查安全漏洞的审计包依赖 使用审核修复
9. 运行 Live Server 为 public 目录，Babel JS 和 Index.html 已存储。
10. 重置Windows

这是一个截图：

然后我为 public 目录 [live-server public] 尝试了 运行 Live Server 并显示了以下控制台结果：

Whosebug 不断显示此错误 [您的 post 似乎包含格式不正确的代码。] 因此我将我的代码上传到 Codepen [https://codepen.io/abbbas_alhashimi/pen/XWzQaJP]

请注意：当实时服务器 运行“测试”时，浏览器中不会显示一条控制台消息。我也尝试更改字符串值，但浏览器一直显示旧版本的代码。

希望我已经为您提供了帮助我解决此问题所需的所有信息。

提前致谢

Answer 1

我解决了！

您需要确保 Babel Presets 已正确安装并将带有 Babel 的 JSX 编译成 JavaScript。您可以使用以下脚本来阐明请求的编译文件、输出和预设。 babel src/app.js --out-file=public/scripts/app.js --presets=env,react。一旦服务器 运行 正在编译，您应该让服务器主动编译 JSX，并且您的所有更改都会发生，不会有任何进一步的复杂性。这可以通过在最后一个命令的末尾添加 --watch 来完成，如下所示：babel src/app.js --out-file=public/scripts/app.js --presets=env,react --watch.

我希望我的人会发现我的解决方案有帮助。