问题标签 [ruby-on-rails-7]

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 回答
214 浏览

ruby-on-rails - 如何使用 Tailwind 在 Rails 7 中使用移动汉堡菜单?

我为 Rails 7 运行了这个新设置以包括顺风:

当我从 tailwindui.com 获取这段代码时,这看起来效果很好:

除了我尝试的每个代码示例的移动菜单部分外,一切似乎都运行良好。汉堡菜单不会出现在移动设备中。我只得到不起作用的“X”标记。我的理解是,带有 Tailwind 的新 Rails 7 设置应该可以配置所有内容。但似乎情况并非如此。

javascript.config.js:

包.json:

有人知道我错过了什么吗?

0 投票
1 回答
281 浏览

javascript - Ruby on Rails 7 - 有没有办法实现 js.erb 文件?

几天来,我一直在寻找一种将 js.erb 文件实现到我的 Ruby On Rails 7 应用程序中的方法,但找不到关于这个主题的任何资源。js.erb 文件在 Rails 7 中完全贬值了吗?如果是这样,有没有办法在导入映射的javascript文件中调用部分?

我正在尝试实现一个 javascript 函数,该函数重新呈现和更新帖子上的“喜欢”计数。我的方法要求我从表中提取计数数据并使用该 ruby​​ 部分更改元素的文本。

任何资源或正确方向的观点将不胜感激!

0 投票
2 回答
994 浏览

javascript - 如何将自定义 JS 文件添加到新的 rails 7 项目

我创建了新的 rails 7 项目rails new my_project,但在包含要由 rails 处理的自定义 JS 文件时遇到问题。

我的“javascript/application.js”

我的自定义 JS 文件:“javascript/custom/uni_toggle.js”

我在我的布局中使用<%= javascript_importmap_tags %>

和我的“confing/importmap.rb”

0 投票
1 回答
245 浏览

html - 无法让 tailwindcss 网格在使用 --css tailwind 标志生成的 Rails 7 项目中工作

所以我用 Tailwindcss 和 Postgres 生成了一个全新的 Rails 7 项目

然后我搭建了一个任务模型,它生成了漂亮的 CSS。然后我冒险对索引页面进行了一些调整,因为脚手架 html/css 将其垂直拉出。我正在努力实现更水平的布局,其中各个任务将形成单独的行。

根据顺风文档,我可以为每个任务使用一个网格。因为我在一个任务中有三个属性,所以我想使用一个三列网格。

所以我添加grid gap-4 grid-cols-3到我的 _task.html.haml

但它继续呈现彼此下方的属性。

在此处输入图像描述

在玩弄它并试图弄清楚为什么它不采用这种风格之后,我在 codepen.io 中复制了 html/css。

正如我所期望的那样,它在那里完美呈现。

在此处输入图像描述

我错过了什么?任何帮助表示赞赏。

0 投票
1 回答
116 浏览

ajax - 刺激 ajax:response 不返回服务器响应数据

我正在启动一个新的 Rails 7 应用程序,最近发现我们不能再使用 ujs 了页面上的功能。

我遇到的问题是我在 ajax:success 进程之后的响应是不可迭代的:

TypeError: object is not iterable (cannot read property Symbol(Symbol.iterator))

下面是我的 HTML、Rails 和 Stimulus 代码:

HTML

红宝石/导轨

这将返回一个基本的 html 页面,该页面将被插入到页面中的另一个位置。

刺激作用

event.detail给了我不可迭代的错误。有谁知道我如何从 rails 获得我的回复以进行格式化,以便该[data, status, xhr]部分实际工作?

如果为此需要热线或涡轮增压器,则示例将非常有帮助:)

谢谢埃里克

0 投票
0 回答
60 浏览

ruby-on-rails - act_as_taggable_on 9.0 版 PG::DuplicateTable: 错误: 关系“index_taggings_on_tag_id”已经存在

我正在运行 Rails 7.0.0 和 Ruby 3.0.3 gem 'acts-as-taggable-on', '~> 9.0'。通过此设置和全新的 Rails 应用程序安装,我在运行rails db:migrate.

我已经用全新的 Rails 应用程序运行了多次,但同样的错误一遍又一遍地继续。

这是位于 /Users/name/here/project/db/migrate/20220105163513_acts_as_taggable_on_migration.acts_as_taggable_on_engine.rb:26 中的内容

另请参阅 GitHub 上的此问题:

https://github.com/mbleigh/acts-as-taggable-on/issues/1071

0 投票
1 回答
143 浏览

ruby-on-rails - Rails 7 和 Tailwind 动态类

我有一个顺风的 Rails 7 应用程序,我正在做这样的事情:

视图生成正确的 HTML ( ex: <div class="w-6/12">),但浏览器无法识别这些类。如果我在不传递变量的情况下对它们进行硬编码,那么一切正常。我做错了什么或错过了什么?

0 投票
1 回答
122 浏览

ruby-on-rails - 纱线与 Rails 7 中的 importmaps-rails 兼容吗?

我刚刚安装了带有引导程序的 Rails 7。默认情况下,它没有附带导入地图。

我可以将导入映射与纱线一起使用,还是应该只使用一种方法?

有什么我应该注意的兼容性问题吗?

如果同时使用两者,application.js 会是什么样子?

谢谢!

0 投票
3 回答
463 浏览

ruby - Rails 7 网络协议和 io-wait 依赖

我正在尝试在 Ruby 3.0.2 和 Rails 7.0.1 中部署 web 应用程序,但在使用 nginx(1.18.0)和乘客(6.0.12)的生产服务器 Ubuntu 20.04 中通过 capistrano 部署它后出现问题。

所有过程都运行良好,但应用程序无法在生产中启动。我得到乘客错误页面。在日志中查找我得到下一个错误:

“错误:应用程序遇到以下错误:您已经激活 io-wait 0.1.0,但您的 Gemfile 需要 io-wait 0.2.1。由于 io-wait 是默认 gem,您可以删除对它的依赖或尝试更新到支持 io-wait 作为默认 gem 的较新版本的捆绑程序”

我尝试删除 gem io-wait 但它是默认系统 gem,我无法删除它,我已将捆绑程序升级到最新 (2.3.4) 并且错误仍然存​​在。我添加了最新的 io-wait 版本(0.2.1)并得到了同样的错误。

欢迎任何帮助。

0 投票
0 回答
281 浏览

css - 如何在 Rails 应用程序上添加自定义字体(版本 7)

在开发模式下,自定义字体 (Raleway) 存在,但不会反映在暂存环境中。我将我的应用程序部署到 Heroku。

在 application.rb 中添加以下命令

在 application.bootstrap.scss 中添加了字体系列

字体文件在my_app/app/assets/fonts目录中可用。

我使用命令创建了我的导轨rails new my_app --javascript esbuild --css bootstrap --database postgresql

导轨版本 7