angular - 无法调用其类型缺少调用签名的表达式。类型 'typeof import("sweetalert 2")' 没有兼容的调用签名

标签 angular sweetalert2

我收到“无法调用类型缺少调用签名的表达式。类型‘typeof import(“sweetalert2”)’没有兼容的调用签名。”在 Angular 中使用 SWAL 时出现此错误。

我的 package-cli.json 看起来像

    "ng2-sweetalert2": {
    "version": "0.0.8",
    "resolved": "https://registry.npmjs.org/ng2-sweetalert2/-/ng2-sweetalert2-0.0.8.tgz",
    "integrity": "sha1-+VkDV2dqeLIMf3eFTLVt/cJda0Q=",
    "requires": {
        "lodash.assign": "^4.0.8",
        "sweetalert2": "^5.2.0"
    },
    "dependencies": {
        "es6-promise": {
            "version": "4.2.6",
            "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.6.tgz",
            "integrity": "sha512-aRVgGdnmW2OiySVPUC9e6m+plolMAJKjZnQlCwNSuK5yQ0JN61DZSO1X1Ufd1foqWRAlig0rhduTCHe7sVtK5Q=="
        },
        "sweetalert2": {
            "version": "5.3.8",
            "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-5.3.8.tgz",
            "integrity": "sha1-YALBhFPQYMQLnMVL+DoBDHHjlik=",
            "requires": {
                "es6-promise": "^4.2.6"
            }
        }
    }
}

"sweetalert2": {
      "version": "8.9.0",
      "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-8.9.0.tgz",
      "integrity": "sha512-gI+wL44QRbfd6FvRVB8KKLQPhD/8jP3XUNrvYGcSlU7IA09dQtQw3rrLCbM3c+HY0L3O8VTz1Gvu29n8ryIgag=="
}

我在 package.json 依赖项中有以下内容

"dependencies":{
"ng2-sweetalert2": "0.0.8",
"sweetalert2": "^8.9.0",}

在一个组件中,我的代码如下所示

import * as swal from 'sweetalert2';

        swal({
          text: 'Login Successful!',
          timer: 1000,
          onOpen: () => {
            swal.showLoading()
          }
        })then((result) => {
          if (result.dismiss === swal.DismissReason.timer) {
              // calling few required functions here
          }
        })

在组件中出现上述错误。搜索了很多但无法找出问题所在。请帮助我。

最佳答案

我也有同样的问题。使用

swal.fire() 

代替

swal()

它将解决您的问题。

关于angular - 无法调用其类型缺少调用签名的表达式。类型 'typeof import("sweetalert 2")' 没有兼容的调用签名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56250767/

相关文章:

javascript - 在 Angular 中从数组的数组中获取元素

angular - 使用angular2中的参数从url检索数据

Angular : Service Injection vs Typescript Static Methods

javascript - 选择示例中来自文件的 sweetalert2 inputoptions

javascript - SweetAlert isConfirm 无法正常工作

angular - 在惰性加载模块中使用 Angular 组件

Angular 2 从 URL 访问子路由

php - 如何在注销表单中使用 Sweet alert 2?

javascript - 单击确定后如何停止 sweetalert 滚动到顶部?

javascript - SweetAlert2:意外的 html 类型!期望 "string",得到对象