Aurelia Sweetalert2韩元'；关不上

使用

• 奥雷利亚cli-0.30.1
• 第2-6.6.5条
• 打字脚本-2.3.3
• 最新浏览器（FF、Chrome、IE、Opera）

ts代码

public showHelp() {
    swal('Test').then((out) => {
      console.log(out);
    }).catch((error) => console.log(error));
}

警报显示没有问题，但单击确认按钮不会解除警报。警报也不会在外部单击时解除。按ESC键或ENTER键可以正常工作。 没有错误抛出

你知道为什么不接受点击吗

我在这些上设置了断点

// Mouse interactions
var onButtonEvent = function onButtonEvent(event) {

// Closing modal by close button
getCloseButton().onclick = function () {

// Closing modal by overlay click
container.onclick = function (e) {

在swal源中，但他们从未被击中

---

还尝试将目标设置为身体以外的其他对象，结果相同。

我无法重现您的体验。使用sweetalert2 v6.6.6（哦，亲爱的），警报将在您提到的所有场景中正确显示和隐藏：单击[确定]按钮，在警报对话框和键盘修改器外部单击

我正在使用下面的配置。您可能已经知道了，但请注意，我在aurelia.json中显式地包含css文件，并在app.html视图中引用它

以下是完整的应用程序：

aurelia.json

{
    "name": "sweetalert2",
    "path": "../node_modules/sweetalert2/dist",
    "main": "sweetalert2",
    "resources": [
      "sweetalert2.css"
    ]
}

import swal from 'sweetalert2';

export class App {
  attached() {
    this.showHelp();
  }

  public showHelp() {
    swal('Test').then((out) => {
      console.log(out);
    }).catch((error) => console.log(error));
  }
}

<template>
  <require from="sweetalert2/sweetalert2.css"></require>
</template>

应用程序ts

{
    "name": "sweetalert2",
    "path": "../node_modules/sweetalert2/dist",
    "main": "sweetalert2",
    "resources": [
      "sweetalert2.css"
    ]
}

import swal from 'sweetalert2';

export class App {
  attached() {
    this.showHelp();
  }

  public showHelp() {
    swal('Test').then((out) => {
      console.log(out);
    }).catch((error) => console.log(error));
  }
}

<template>
  <require from="sweetalert2/sweetalert2.css"></require>
</template>

app.html

{
    "name": "sweetalert2",
    "path": "../node_modules/sweetalert2/dist",
    "main": "sweetalert2",
    "resources": [
      "sweetalert2.css"
    ]
}

import swal from 'sweetalert2';

export class App {
  attached() {
    this.showHelp();
  }

  public showHelp() {
    swal('Test').then((out) => {
      console.log(out);
    }).catch((error) => console.log(error));
  }
}

<template>
  <require from="sweetalert2/sweetalert2.css"></require>
</template>

---

我遇到了完全相同的问题，显然这就是问题的症结所在：

.swal2-container:not(.swal2-in) {
  pointer-events: none;
}

只需对该行进行注释或将none更改为all（尽管我还不知道它是否会破坏其他内容）

我正在使用：

• （免费angular2版本）-1.0.0
• angular.cli-1.1.1
• 第2-6.6条
• 打字脚本-2.3.3
• 最新浏览器（相同）

---

这似乎不是奥雷利亚的问题。通过在库repo中搜索问题，您可能会得到更好的答案。我同意，但我不知道是什么导致了它，也不知道如何调试它……您说得对。我已经创建了一个新的测试项目，clik工作得很好，但在我当前的项目中没有。我将不得不一个接一个的依赖去了解到底发生了什么…你是对的！除此之外，文件material-dashboard.css或plugins\u sweetallert2.scss中存在问题。