Reactjs localhost:3000未呈现应用程序,旧PWA名称仍然可见
几周前,我用React和一些PWA配置制作了一个PWA(progressive web app)。从那一刻起,当我尝试在localhost:3000上运行任何其他应用程序时,我给该应用程序的名称仍然显示在顶部栏中 除此之外,在localhost:3000上运行应用程序很长一段时间都没有问题,所以我不介意。但从上周开始,当我尝试在端口3000上启动React应用程序(Reactjs localhost:3000未呈现应用程序,旧PWA名称仍然可见,reactjs,caching,browser,localhost,progressive-web-apps,Reactjs,Caching,Browser,Localhost,Progressive Web Apps,几周前,我用React和一些PWA配置制作了一个PWA(progressive web app)。从那一刻起,当我尝试在localhost:3000上运行任何其他应用程序时,我给该应用程序的名称仍然显示在顶部栏中 除此之外,在localhost:3000上运行应用程序很长一段时间都没有问题,所以我不介意。但从上周开始,当我尝试在端口3000上启动React应用程序(Thread start)时,我的应用程序将不再渲染 我想这可能与浏览器的缓存设置有关,所以我尝试在另一个浏览器中打开应用程序,它
Thread start
)时,我的应用程序将不再渲染
我想这可能与浏览器的缓存设置有关,所以我尝试在另一个浏览器中打开应用程序,它突然起了作用
请注意,名称现在已改回“React App”,而不是PWA名称。由于它在另一个浏览器上工作,我开始测试一些路由,并尝试在我通常使用的浏览器中删除缓存
我尝试向路由添加一些内容(例如:localhost:3000/test),这也将我重定向到正确的页面(从正确的应用程序)
我的PWA是否在后台某个地方运行并导致问题,或者是否存在我设置不正确的浏览器配置?可能是缓存,不可能同时在同一端口下运行两个应用程序(至少在默认情况下) 您应该设置缓存不应在开发环境中工作,以防止这种情况发生 您可以尝试隐姓埋名或在Chrome=>中打开开发工具,右键单击刷新图标并选择“空缓存和硬重新加载” 还可以尝试在应用程序或浏览器开发工具中注销service worker
可能是缓存,不可能同时在同一端口下运行两个应用程序(至少在默认情况下) 您应该设置缓存不应在开发环境中工作,以防止这种情况发生 您可以尝试隐姓埋名或在Chrome=>中打开开发工具,右键单击刷新图标并选择“空缓存和硬重新加载” 还可以尝试在应用程序或浏览器开发工具中注销service worker