Toasts 通知未显示在导轨上答案

【问题标题】：Toasts notifications not displaying on railsToasts 通知未显示在导轨上
【发布时间】：2020-03-07 08:55:34
【问题描述】：

我试图在登录/注销时添加 toast 消息，但我没有得到 toast。谢谢你的建议！

宝石文件

gem 'devise'
gem 'toastr-rails'

app\javascript\packs\application.js

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
toastr = require("toastr")
import "bootstrap"
import "../stylesheets/custom.css"

app\assets\stylesheets\application.css

 *= require bootstrap
 *= require_tree
 *= require toastr
 *= require_self

app\assets\stylesheets\custom.css.scss

@import 'bootstrap/dist/css/bootstrap';
@import 'toastr';

app\views\shared_message.html.erb

<% unless flash.empty? %>
<script type="text/javascript">

    <% flash.each do |key, value| %>
      <% type = key.to_s.gsub('alert','error').gsub('notice', 'success') %>
        toastr['<%= type %>'] ('<%= value %>')
        <% end %>
</script>
      <% end %>

app\views\layouts\application.html.erb

<%= render 'shared/message' %>

【问题讨论】：

标签： ruby-on-rails bootstrap-4 devise toastr

【解决方案1】：

在您的shared_message.html.erb 中，您已经用错误替换了警报，并用成功替换了通知。所以你这样做是正确的。但是你应该在共享文件夹中将你的文件命名为_message.html.erb。

在 application.js 你也应该//= require toastr 然后，确保你在终端的项目文件夹中并运行bundle install

确保在你的 gem 文件中至少指明 1。像这样

gem 'toastr-rails', '~> 1.0'

在devise/sessions/new.html.erb 和devise/registrations/new.html.erb 和edit.html.erb 中查看您的视图并确保您仍然在这里

<%= render "devise/shared/error_messages", resource: resource %>

对于您视图中的上述错误消息，您需要添加额外的工作以使其与 toastr 一起显示。

转到 application.html.erb 并确保将部分共享消息添加到产量之上，如下所示：

并确保替换它 - 注意你是如何命名文件的？

<%= render 'shared/message' %>
<%= yield %>

这样 - 请注意您必须如何声明正确的文件名？

<%= render 'shared/shared_message' %>
<%= yield %>

在您的问题中，您将共享文件夹中的文件命名并创建为shared_message.html.erb，这是错误的。

所以最好把它命名为_message.html.erb 这是一个部分文件，你需要把它放在分数下。同样为简单起见，只需将其命名为_message.html.erb

【讨论】：