0

我正在尝试使用 toastr 来显示消息。我正在使用 rails 7 但我不确定我是否已正确导入和实施

import { Controller } from "@hotwired/stimulus";
import { initializeApp } from 'firebase';
import { getMessaging, getToken, onMessage } from "firebase-messaging";
// import { onBackgroundMessage } from "firebase-messaging-sw";
import * as toastr from 'toastr';

 onMessage(messaging, (payload) => {
        alert(`${ payload.notification.title }\n ${ payload.notification.body }`);
        toastr['success']("Message will come here", "Title");
    });

最后一行是什么都没有发生的地方。警报按预期显示

pin "toastr", to: "https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"

那是我在 importmap.rb 中的 pin 声明

  <head>
<title>NitroCabs</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
<%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
<%= javascript_importmap_tags %>
<script>
  if ('serviceWorker' in navigator) {
    window.addEventListener('load', () => {
      navigator.serviceWorker.register('/firebase-messaging-sw.js');
  });
  }
</script>
<%= favicon_link_tag asset_path('firebase-logo.png') %>

那是我在 application.html.erb 中的头

4

0 回答 0