SweetAlert с угловой 7

Question

Я пытаюсь использовать сладкое оповещение в своем угловом проекте.

Вот так я использую сладкое оповещение:

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 / пользователь / Desktop / University / Thesis / рабочая область / web / myProject / project / node_modules / sweetalert / typings / sweetalert") ", но здесь есть тип"SweetAlert '.

Кто-нибудь может мне помочь с этим?

Answer 1

ДО ВСЕХ. Я недавно обновил node_modules ... и появились некоторые проблемы.Последний из них, был этот!

Я пытался с npm install sweetalert2 .... но все еще доставлял мне проблемы ... итак, окончательное решение было ... исключить эту строку и РАБОТАЕТ ВЫГОДНО,БЕЗ ОШИБОК ..!

Answer 2

У меня была такая же проблема, мое решение было таким.

import * as _swal from 'sweetalert';
import { SweetAlert } from 'sweetalert/typings/core';

const swal: SweetAlert = _swal as any;

по какой-то причине имя "swal" показывает ошибку, если вы измените псевдоним на "_swal", он должен работать

Answer 3

Простое решение для компиляции проекта 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;