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

我希望这会帮助你解决你的问题。