问题标签 [react-on-rails]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
144 浏览

ruby-on-rails - 发布不工作 React + Rails

当我尝试发帖时,我收到 400(错误请求)错误。

我正在尝试将新玩家发布到团队中。

我的控制器

功能

0 投票
1 回答
537 浏览

ruby-on-rails - Rails 预编译死在 3MB 反应文件上

我们在 Rails 应用程序中使用 React on Rails。当我们部署时,资产预编译大约需要 20 分钟。

根据部署日志,似乎大部分时间都用于预编译一个 3.3MB 的 JavaScript 文件。该文件“app.js”连接了由 webpack 生成的两个文件:

考虑到 app-bundle 的大小,我们是否应该期待较长的预编译时间?或者,我们可以改进吗?

作为附加说明,我们尝试直接编译 app-bundle,而不是通过 app.js 来要求它,并且花费了相同的时间。

更新:

我们最终将客户端代码分解为一个单独的 create-react-app 项目,该项目通过 API 连接到我们的 Rails 应用程序。我们的 devops 和部署管道的复杂性大大降低了——没有真正深入研究这个错误。

0 投票
1 回答
886 浏览

ruby-on-rails - Rails + Webpack:Errno::EPERM at /(不允许操作)

我正在尝试运行一个使用 react 和 webpacker 的 rails 应用程序。所有的 node_modules 都是通过 yarn 安装的。

当我使用工头启动本地服务器时,出现错误:

纱线锁:

包.json:

宝石文件:

配置/webpacker.yml:

垃圾箱/webpack:

料仓/纱线:

app/javascripts/application.js 和 app/javascripts/server_rendering.js

应用程序在这一行挂断:

<%= javascript_pack_tag 'application' %>

我认为这是一个文件系统问题,所以我重新安装了 macos,以为我可能用某些东西搞砸了权限。我不知道发生了什么。

0 投票
2 回答
3636 浏览

ruby-on-rails - 在 Rails 应用程序中更改 localhost 端口号

我刚开始学习 RoR 作为 React 的后端技术。我遇到了一个使用“react-rails”的教程,它默认为我的开发环境选择 localhost 端口号为 3000。

有没有办法改变这个默认端口号?

0 投票
1 回答
2198 浏览

javascript - 使用 webpacker 加载字体和图像

我正在尝试使用 Webpacker 将资产(字体/图像)简单地加载到 Rails 项目中。事实证明,这比它应该的要困难得多。

我正在使用 React on Rails 11.0.4、Rails 5.1.6 和 Webpacker 3.5.3。

我已经尝试创建自定义加载程序文件以附加到 webpack 配置,如此处所引用

我已经尝试了这里列出的所有 4 个选项。

我尝试过使用资产管道,但这似乎不再起作用。

这些年来,我从来没有为如此简单的事情如此接近泪水。这不应该很简单吗?怎么就只有我一个有这么大的麻烦?

0 投票
1 回答
300 浏览

ruby-on-rails - 使用 React on Rails 访问 React 中的设计用户字段

我正在尝试访问Users#indexinvitation_accepted_at中我的对象中的设计属性。Users设计属性在我的控制器方法以及 Rails 视图中返回。但是在 JSX 状态对象中传递给 React 时会丢失。

users_controller.rb

用户/index.html.erb

用户.jsx

当我做 aconsole.log( this.state.users )时,我得到了原始对象,但没有 Devise 属性。

这可能吗?还是我缺少步骤?

0 投票
0 回答
36 浏览

css - Rails CSS 不能用于一个全新的项目

我在这里拔头发。我刚刚创建了一个react on rails应用程序。任何样式都不起作用。这是一个全新的项目...

尝试的解决方案:

预编译assets.rb

在头部的 html.erb 中链接样式表

<%= stylesheet_link_tag params[:controller] %>

我在这里想念什么?

没有踪迹。视图渲染得很好,只是没有样式。日志中也没有错误。

0 投票
1 回答
2175 浏览

ruby-on-rails - 模块解析失败:将 React on Rails 与 Antd 一起使用时出现意外字符“@”。

我正在使用 React on Rails,并且一直在尝试使用 Antd UI 框架。

我已经成功地从“antd”导入了按钮和日期选择器等组件

但它们根本没有样式。查看我的服务器,我有以下错误...

我尝试了几种不同的方法来访问样式,例如直接引用我的 jsx 文件中的特定样式表


查看 Antd 文档,我遵循了按需导入技术并添加了

到我的 .babelrc 文件

https://ant.design/docs/react/getting-started#Import-on-Demand

我也尝试安装lessandless-loader因为我很确定它与包含“@”的 css 文件有关,这表明它是一个 less 或 sass 文件。


我能够加载样式的唯一成功方法是放置

在我的 app/assets/stylesheets/page.scss 中。

虽然此选项有效,但它不允许import on demand导入 css 的能力和感觉是不正确的方式,因为它使用 rails 资产管道而不是 webpack(通过 webpacker)

0 投票
0 回答
255 浏览

ruby-on-rails - React On Rails SSR“TypeError:无法读取未定义的属性'原型'”

我正在将“react-on-rails”gem 用于 react 和 rails,但我尝试在 rails 视图文件中进行 SSR(服务器端渲染)预渲染:true。它给了我错误“TypeError:无法读取未定义的属性'原型'”。

react_on_rails = 10.0.2 webpacker = 3.5.3

在此处输入图像描述

0 投票
1 回答
58 浏览

ruby-on-rails - React on Rails 可以集成到现有的 Rails 3.x 应用程序中吗?

README 中的先决条件说“React on Rails 支持旧版本的 Rails 回到 3.x”,所以我被引导相信它可以。但是在安装过程中,我看到我必须安装 webpacker。还有注释“Rails/webpacker 需要 4.2+ 版本”。

所以我目前停滞不前,想知道这是否真的支持 Rails 3.x 或者我是否误解了文档。

有没有办法将 React on Rails 集成到现有的 Rails 3.x 应用程序中?

谢谢!