在浏览器

时间:2018-01-25 09:30:42

标签: javascript reactjs react-native flask npm

我刚接触React和Flask,我开始遵循本教程https://codeburst.io/creating-a-full-stack-web-application-with-python-npm-webpack-and-react-8925800503d9并完成构建示例fullstack网站。我的代码是作者示例中代码的精确副本,位于他们的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浏览器中反映我对项目的更改?

1 个答案:

答案 0 :(得分:0)

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