问题标签 [react-on-rails]

我正在尝试按照本指南为 rails/react_on_rails 项目实施 i18n； https://github.com/shakacode/react_on_rails/blob/master/docs/basics/i18n.md

我收到错误“未定义格式消息”，所以我可能遗漏了一些东西，这是我的代码：

我已将 shakacode 文档跟踪到 T，但无法将 react_on_rails 集成到我现有的应用程序中。当我跑

我在控制台中得到这个

我还是个新手，所以我无法准确地解读出什么问题 - 任何帮助都将不胜感激。

我是一个 React 新手，试图将 React 集成到 Rails 站点中。我CommentForm在页面/html 的最顶部有一个Comments组件，在同一页面的底部有一个组件。目前，两者都是通过 React-On-Rails 的react_component方法渲染的。

问题是，在提交表单后，CommentForm我想更改组件。我熟悉确保状态冒泡到一个共同的父组件的想法，但是目前，这两个组件没有共同的父组件（或根本没有任何父组件）。this.state.commentsComments

所以，我已经学习了 2 天的 React 并且可能很困惑，所以，克服这类问题的最佳实践是什么？我看到的选项：

• 将整个 rails 视图重写为单个父组件，并将两个组件作为其下的子组件。这听起来并不有趣 - 页面上的两个组件之间有很多 Rails 助手生成了很多 html
• 使用 Redux 创建一个在两个组件之间共享的存储（？？？）
• 以某种方式创建一个父组件，同时仍然在页面的不同部分渲染其他两个组件（？）
• 从内部或某些共享资源（例如：范围）访问Comment的状态属性，据我有限的理解，这不是 React 方式CommentFormwindow

我猜这是一个常见问题，但我不确定解决它的一般智慧是什么。任何想法表示赞赏。

您好，当我对 Rails 应用程序的反应执行导入“styles.css”时，我收到此错误

我已经尝试了从删除 node_modules 并再次重新安装的所有方法，我已经尝试编辑 webpack.xml 以插入我的资产文件夹，但没有任何效果。谢谢你的帮助。

我们有一个使用 react_on_rails 的 Rails 5 项目，因此使用了 webpack（通过 webpacker gem）和 babel。我们正在使用 capybara webkit 运行测试，并且在使用 webkit_debug javascript 驱动程序时出现此错误。

我们的生产和测试 webpackconst在包的部分都有变量WEBPACK VAR INJECTION，但我认为现代浏览器可以接受let，const现在我们没有注意到。

我们的.babelrc样子：

有任何想法吗？

每当我在 Rails 视图中将我的 react 组件的 prerendering 切换为 true 时，我都会收到此错误

我在 shakacode 网站上发现 lib/react_on_rails/server_rendering_pool/exec.rb 中有一个错字

但我不知道如何访问该文件 - 它不在我的目录中 - 我在这里完全遗漏了什么吗？

我创建了一个 Rails 项目，然后使用react_on_railsgem 与它集成反应。我已经制作了一个组件并使用辅助方法将它放在我的new.html.erb中。react_component每当此 erb 视图呈现时，我都会得到 react 组件，并且在填写字段后，组件会向todos#createpath 发送一个 POST 请求，并在保存字段重定向到后创建操作，todos#show因为 redirect_to @todo。问题是show.html.erb没有像以前那样自动呈现。它在响应中返回，其中包含 React 组件。

1. 如何使用标准方式呈现在响应中呈现的视图？
2. 有没有办法在不使用react-router和仅使用 rails 定义的路线的情况下处理这种情况。

我使用 Rails 5.1 和 react_on_rails gem v10.0.2

我想使用 css 模块和 css-loader，我想知道将 webpack.config.js - 文件放在哪里？

正如我所见，当前版本的 react_on_rails gem 不再具有客户端目录（曾经存储 webpack.config.js 文件的位置）。

反应组件存储在 /app/javascripts 中。

所以，我目前正在为开源（React on Rails 应用程序）做贡献。

运行时出现以下错误：foreman start -f Procfile.static

终端上的输出是：

请帮忙！

这只发生在我尝试在 Heroku 和 AWS Elastic beanstalk 上部署到生产环境时，所以我知道它与我的应用程序有关。

部署和失败时，日志显示：

Module not found: Error: Can't resolve './components/waitlist' in '/var/app/ondeck/app/javascript/waitlist'

文件树显示：

我知道它正在读取index.js文件，因为日志显示：

第一行waitlist/index.js写着：

export { default } from './components/waitlist';

我尝试将其作为变量导入，然后将其导出，但似乎无法找到该文件。我还尝试通过绝对路径 ( ) 更改jsand和 requires 之间的文件扩展名，但没有成功。jsxapp/javascript/waitlist/components/waitlist

但是，该应用程序webpack-dev-sever在开发中可以正常工作。任何帮助，将不胜感激！