sweetalert2 示例报告：await 仅在异步函数和异步生成器中有效

Question

我在应用程序中的某些对话框中使用了sweetalert2。但是，sweetalert2 网站提供了一些示例，当我将它们复制/粘贴到我的 Web 应用程序代码中时，这些示例报告了此错误：

SyntaxError: await is only valid in async functions and async generators

经过一些研究，我async之前添加了function testSweetalert(). 这虽然解决了语法错误，代码既没有达到陈述resolve('You need to select Ukraine :)')或swal('You selected: ' + country)。

下面的 Javascript 代码在我的 html 代码中是这样调用的：

<button onclick="testSweetalert()">test</button>

<button onclick="testSweetalert()">test</button>

尽管我试图了解有关async函数和使用的更多信息，但Promise我无法弄清楚上述代码有什么问题。这让我特别困惑，因为我在sweetalert2上找到的代码示例在他们的github页面上运行良好。

Answer 1

尝试这个：

(async () => {

const {value: country} = await swal.fire({
    title: 'Select Ukraine',
    input: 'select',
    inputOptions: {
        'SRB': 'Serbia',
        'UKR': 'Ukraine',
        'HRV': 'Croatia'
    },
    inputPlaceholder: 'Select country',
    showCancelButton: true,
    inputValidator: (value) => {
        return new Promise((resolve) => {
            if (value === 'UKR') {
                resolve()
            } else {
                resolve('You need to select Ukraine :)')
            }
        })
    }
})
if (country) {
    swal.fire('You selected: ' + country)
}
})()

参考： INPUT TYPE SELECT WITH SWEETALERT2