在浏览器中查看 React 和 Flask Fullstack 的更新



我是使用 React 和 Flask 的新手,我从本教程开始 https://codeburst.io/creating-a-full-stack-web-application-with-python-npm-webpack-and-react-8925800503d9 并完成了构建示例全栈网站。我的代码是作者示例中代码的精确副本,位于他们的 github 页面 https://github.com/angineering/FullStackTemplate。但是,当我更改文件中的任何内容时,重建项目,启动 server.py 文件,然后在浏览器上的服务器端口在新选项卡中打开 http://127.0.0.1:5000/...没有任何变化或更新。如果我将文本名称从"Remini"更改为"Kai"并重建并重新加载,则 Web 应用程序仍然运行"Hello Rimini"。

我尝试关闭服务器并重新打开、重新启动 Chrome 并重建,但没有任何变化。当我在Firefox中打开服务器时,根本没有加载任何数据,索引页或背景图像都没有加载。当我在 Chrome 上查看源代码时,我可以看到我在构建之前所做的更改,例如添加 html 元素,所以我知道构建成功,但名称文本不会更改。此外,如果我添加另一个背景图像并更改 css 以加载替代图像,原始图像仍作为背景图像加载。

我认为这是服务器和浏览器的问题,并且无法弄清楚如何连接到正确的端口以加载对javascript(在本例中为jsx)的更改。我的问题是,如何使用 npm 构建这个 React/Flask Web 应用程序项目,并让我的浏览器在 Web 浏览器中反映我对项目的更改?

我似乎发现了问题。Chrome 正在缓存该网站,当我打开开发人员工具并右键单击重新加载按钮以"清除缓存并硬重新加载"加载正确且更新的版本时。

最新更新