带有rails 6的sweetalert2

Question

我使用加糖宝石将sweetalert2添加到rails 6应用程序中，但我得到了这个错误

Uncaught ReferenceError: Swal is not defined

我在environment.js文件中添加了以下代码

environment.plugins.append('Provide', new webpack.ProvidePlugin({
  sweetalert2: 'sweetalert2/dist/sweetalert2.all',
  Swal: 'sweetalert2/dist/sweetalert2.all'
}));

我确实需要在application.js文件中这样做，如下所示

require("sweetalert2")

甜味剂创业板在标签结束前添加以下代码

<script>
      Swal.fire({"showConfirmButton":true,"timer":null,"allowOutsideClick":false,"confirmButtonText":"Try again","type":"error","text":"there was a problem saving your Information, please try again","title":"Oops..."})
    </script>

我不知道我错过了什么。

任何帮助都是非常感谢的。

Answer 1

对我有用的是Rails 6.0.3

1. yarn add sweetalert2
2. 在app/javascript/packs/application.js中添加以下条目

import Swal from 'sweetalert2/dist/sweetalert2.js'
import 'sweetalert2/src/sweetalert2.scss'
window.Swal = Swal;

Answer 2

试着这样做：

yarn install sweetalert2

和

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