Sweet Alert 2 在 Rails 7 應用程序中無法正常工作

Question

我試圖將用於自定義標准警報框的Sweet Alert 2 java 腳本庫集成到 Rails 7 應用程序中，但收到以下錯誤消息：“Swal 未定義。” 我正在使用 Ruby 3 和 Rails 7。

我最初嘗試在我的 Rails 應用程序中使用“ sweet-alert2-rails ”gem，但目前沒有可用的更新。 因此，我嘗試使用 import map 來完成此操作，並且我通過運行以下行來完成此操作。

bin/importmap pin sweetalert2

最重要的是，我將下面的行添加到application.js

import Swal from "sweetalert2"

我在我的視圖文件中嘗試使用“Sweet Alert 2”時遇到了上述問題。

Swal.fire(
  'Good job!',
  'You clicked the button!',
  'success'
)

為了將 Sweet Alerts 集成到我的 Rails 應用程序中，我使用了這些鏈接。

https://sweetalert2.github.io/

https://github.com/sweetalert2/sweetalert2

Answer 1

您使用import Swal from "sweetalert2"在 application.js 中定義了Swal ，然后您試圖在您的視圖文件中使用它，所以它說 Swal 未定義。

之前，在rails 6中，我們使用“yarn install”添加了“ sweet alert ”，也出現了同樣的錯誤。 因此，要在 Rails 6 或 Rails 7 中解決此錯誤，您需要在application.js中添加以下行。

import Swal from 'sweetalert2';
window.Swal = Swal;

添加window.Swal無疑會解決您在 Rails 7 中的問題。

---

您可以在我的博客和我的 GitHub 存儲庫中找到參考資料。 我為 Rails 7.0.4 和 Ruby 3.1.0 寫了這篇文章。 並且還實現了相同版本的代碼。

博客： https://rutikkpatel.medium.com/sweet-alert-2-in-ruby-on-rails-7-3f4cffe1ea5f

GitHub 存儲庫： https://github.com/rutikkpatel/Sweet-Alert-Rails

我希望這會幫助你解決你的問題。