Rails/ReactJs 视图未在浏览器刷新时更新

Posted

技术标签:

【中文标题】Rails/ReactJs 视图未在浏览器刷新时更新【英文标题】:Rails/ReactJs View not updating on Browser Refresh 【发布时间】:2020-09-01 18:57:57 【问题描述】:

就在最近,我将 Reactjs 添加到了我的 Rails 应用程序中。但是,每当我重新加载相同的 .jsx 文件,但内容不同(即 <h1>Hello<h1/><h1> Hello again<h1/>)时,浏览器都不会响应并更新视图。我尝试重新启动服务器并重新加载页面。我还创建了一个单独的 rails 应用程序,并且能够重新创建此外,我还提取了我合作伙伴的存储库以检查是否存在任何文件差异。没有。

但是,当我拉取他的 repo 时,我的浏览器会更新内容,但之后当我编辑 .jsx 文件时它不再更新它。还应该注意的是,当我编辑 .jsx 文件上的内容时,视图会为他更新,但在重新加载页面时它不会为我更新。我们的文件是一样的,但只有我有问题。我也切换了安全模式,但没有任何区别。

我在带有 Windows 10 的 Jetbrains 的 RubyMine 上使用带有 Yarn 的 Webpacker。这是问题所在的图片: The code vs the output

【问题讨论】:

欢迎来到 Stack Overflow!您是否尝试关闭浏览器的缓存?您可以在开发者控制台中执行此操作。 @adriaan 感谢您的热烈欢迎。我还没有。让我试试,然后回复你。 @adriaan 我关闭了 Firefox 开发者版的缓存,它给出了相同的结果。为了确保我做对了,我尝试在 Windows Edge 上加载相同的页面,该页面没有本地主机服务器的历史记录,并且给出了相同的结果。 这可能是 turbolinks 问题。如果您关闭页面并打开它,它会更新吗? @Redline 没有成功。我想它是在其他地方而不是从 javscript/components 目录中获取文件信息,但我不知道它可能在哪里。 【参考方案1】:

经过大量试验和错误后,问题出在 IDE 以及它从何处检索其设置和文件。我有一个备份硬盘,上面保存着旧信息,例如我上一个项目的内容。这被清除了。

我还设法在“../users/%your_name$/.Rubymine2018.1”中找到旧的 IDE 设置。所有旧的 RubyMine 设置都被删除了。我还重新安装了我的 IDE,让它重新开始。据我所知,这已经奏效了。

非常感谢在 cmets 中帮助过我的所有人!

【讨论】:

以上是关于Rails/ReactJs 视图未在浏览器刷新时更新的主要内容,如果未能解决你的问题,请参考以下文章

文件未在 localhost 上更新

Nodemon 未在 React-Express-Node 应用程序中刷新浏览器

刀片未在视图上显示消息

Rails 4 + ReactJS:“语法错误:隐式对象中不能有隐式值”

OWASP ZAP 未在历史视图中显示对图像的请求

ko 视图模型在 js 上更新但未在 html 视图中显示