时间戳

首页 > 解决方案 > SweetAlert 与 Angular 7

angular - SweetAlert 与 Angular 7

问题描述

我正在尝试在我的角度项目中使用甜蜜警报。

这就是我使用甜蜜警报的方式：

import swal from 'sweetalert';

swal({
    title: "Problem",
    text: "Try again later!",
    icon: "error"
  })

我收到以下错误：

node_modules/sweetalert/typings/sweetalert.d.ts(4,9) 中的错误：错误 TS2403：后续变量声明必须具有相同的类型。变量 'swal' 必须是 'typeof import("C:/Users/user/Desktop/University/Thesis/workspace/web/myProject/project/node_modules/sweetalert/typings/sweetalert")' 类型，但这里有类型 '甜蜜警报”。

任何人都可以帮助我吗？

标签： angularsweetalert

解决方案

编译 Angular 项目的简单解决方案是转到您的项目文件夹 \node_modules\sweetalert\typings\sweetalert.d.ts

在这个文件中简单地注释行 // const swal: SweetAlert;

您的最终文件如下所示：

import swal, { SweetAlert } from "./core";

declare global {
  // const swal: SweetAlert;
  const sweetAlert: SweetAlert;
}

export default swal;
export as namespace swal;

推荐阅读