问题标签 [react-on-rails]

我是 Rails 的新手，一直在尝试让react_on_rails工作。根据文档，我应该像这样在控制器中为 redux_store 补水：

但这会导致控制器即使对于 html 请求也会输出生成的 json。我的控制器如下所示：

据我了解，这应该将 json 字符串从 render_to_string 添加到 redux 存储，然后渲染 html 正文。难道我做错了什么？

当我加载我的 react-redux 应用程序的主页时，我收到了错误

使用 {"location":"/","currency":"USD"} 预渲染 App 时遇到错误“TypeError: Cannot read property 'search' of undefined”

我在以下代码中遇到错误

谁能帮帮我吗

编辑

控制台上的 window.location 给出

分配：函数...}祖先起源：DOMStringListassign：函数（）哈希：“”主机：“localhost：5000”主机名：“localhost”href：“ http://localhost:5000/ ”起源：“ http://localhost:5000 “路径名：“/”端口：“5000”协议：“http：”重新加载：函数重新加载（）替换：函数（）搜索：“”toString：函数toString（）valueOf：函数valueOf（）符号（Symbol.toPrimitive） ：未定义 的原型：位置

最近我们在 Rails 应用程序中引入了 React。添加反应部署后由于资产预编译需要很长时间，大约需要半小时才能完成。

有什么建议可以加快部署速度吗？

我正在尝试使用 capistrano 在生产中部署 react_on_rails。

我之前可以使用 capistrano 部署普通的 rails 应用程序，当我添加 react_on-rails gem 时出现问题

我已经在我的服务器上安装了 yarn 并且可以调用 yarn 命令

我遵循了这个设置

https://github.com/shakacode/react_on_rails/issues/673#issuecomment-289770691

包.json

生产.rb

部署.rb

宝石文件

服务器

我正在尝试按照本教程使用 gem react_on_rails 创建一个虚拟项目

我想我已经遵循了本教程的每一步，但是在我们必须运行项目的最后一步中，弹出了与节点 js 相关的错误。我什至在系统上更新了我的节点版本，仍然面临同样的问题

错误

我正在使用带有react-rails gem 的web-packer来构建一个在线旅游应用程序。我在使用服务器端渲染的 JSX 视图中使用 Rails URL 助手时遇到问题：

例如在我的 jsx 视图中：

运行后出现此错误：

作为一种解决方法，我能想到的是将 search_trips_path 作为道具从我的 Rails 视图传递给组件，或者直接使用 Rails.application.routes.url_helpers 但这非常不方便，尤其是对于那些具有许多链接的 jsx 视图。

我试图查看 web-packer 文档，但似乎 gem 不支持 erb 加载器的 Rails 视图助手。

请帮忙指点！

ps：我已经正确配置了erb webpacker loader。

很长时间以来，我一直在努力解决这个问题，但似乎找不到解决方案。

在某些情况下，我正在处理的项目不能使用 React-Router on Rails，但我听说有一种方法可以使用 State Method 在组件之间切换。这是真的吗？

在这个 Ruby on Rails 应用程序中，我们使用一个父组件，其中包含许多 const 组件。问题是，我有三个用户需要单击的按钮，当它单击时，内容块必须更改。

有任何想法吗？

我正在尝试创建一个基于react_on_railsgem 的示例应用程序。在我的反应代码中反应 inbuild 功能喜欢onChange或onSubmit不工作。

我的HelloWorldWidget组件看起来像这样。

此外，如果我在views/hello_world/index.html.erb文件中禁用组件的服务器端预渲染，则该组件不会在 UI 上呈现。

Github 仓库：react-on-rails-sample-app

我提前为我的近似英语道歉:)

这里有一个小回顾：我们有一个 Rails 4 项目，最近我们用 React_on_rails gem 添加了一些 React 组件，所以我们需要实现 Webpack 作为 Asset Pipeline 的朋友（是的，我知道，Rails 5 做得更好)

所以问题是，当我尝试在登台上进行部署时，以及在尝试对其进行部署时yarn run build:production：

这是我的 package.json ：

和我的 webpack.config.js ：

我试图找到同样的问题但没有成功......

此命令适用于我的机器，两者（我的机器和登台）都具有相同版本的 webpack，并且无论如何它们都使用 node_modules 中的那个。

感谢阅读，祝您有美好的一天；）

我试过的：

• npm 升级，纱线升级，删除 node_modules 并重试
• 将整个配置文件转换为 es5，但它碰到了依赖项中的另一个花括号
• 试图移动，删除 .babelrc 文件

我实际上在尝试什么：

• 看起来 es6 转译过得不好

我尝试将 Material UI 导入到我的 React On Rails 项目中。

一切正常，只是只有ModuleRaisedButton不能用，

每次我尝试导入RaisedButton时，我都会收到如图所示的错误消息。 我的代码如下：

更新

hello_world/index.html.erb：

布局/hello_world.html.erb：

我该如何解决？或者这只是 React On Rails Gem 中的错误？