Sweetalert: Angular 5.2.3 - ERROR TypeError: sweetalert_1.default не является функцией

У меня возникла эта ошибка, когда я раскомментировал следующие строки, чтобы мой проект мог быть совместим с IE9, 10 и 11. Расположен в polyfills.ts
import 'core-js/es6/symbol';
import 'core-js/es6/object';
import 'core-js/es6/function';
import 'core-js/es6/parse-int';
import 'core-js/es6/parse-float';
import 'core-js/es6/number';
import 'core-js/es6/math';
import 'core-js/es6/string';
import 'core-js/es6/date';
import 'core-js/es6/array';
import 'core-js/es6/regexp';
import 'core-js/es6/map';
import 'core-js/es6/weak-map';
import 'core-js/es6/set';
import 'core-js/es7/array';

Изменение «цели» на es6, как вы предлагаете, нарушает работу моего приложения в IE 11, поскольку, по-видимому, стрелочные функции es6 еще не поддерживаются в IE 11, и компиляция моего проекта вызовет ошибку.

Имея такую ​​же ошибку

+1

У меня такая же ошибка!

я тоже.

Я решил проблему, переключившись на sweetalert 2. Я не уверен, что он разработан той же командой (так что извините за пропаганду, если нет).
Надеюсь, это может быть полезно для тех, у кого такая же проблема, и я был бы рад вернуться к swal 1, если это будет исправлено.
Удачного кодирования!

Эй, ребята.
Похоже, это связано с этой ошибкой в Angular CLI, где экспорт по умолчанию обрабатывается в dev по-разному. Кажется, они исправили это в v6.0.0-beta.4

У вас по-прежнему возникают ошибки при запуске ng serve --prod ?

В качестве альтернативы вы можете использовать этот несколько грязный обходной путь:

import * as _swal from 'sweetalert';
import { SweetAlert } from 'sweetalert/typings/core';
const swal: SweetAlert = _swal as any;

swal('test');

@lionralfs Работает нормально.

@lionralfs ты настоящий лев работает нормально.

Релиз npm не экспортирует свойство default , поэтому введены неверные данные. Типизация указывает на то, что его следует рассматривать как модуль ES, но выпуск npm является модулем CommonJS.

В документации предлагается использовать export = вместо export default в этом случае: https://www.typescriptlang.org/docs/handbook/modules.html#export --and-import - require

Соответствующий импорт выглядит так:

import swal = require("sweetalert");

Да, это нестандартный синтаксис, который вызовет проблемы у пользователей, нацеленных на модули ES. Включив синтетический импорт или используя синтаксис import * as swal , можно обойти это, но правильным решением было бы либо исправить типизацию, либо просто добавить module.exports.default = module.exports в конец основного файла JS, чтобы люди могут импортировать его как модуль ES.

Большой! Я задолбался

Отредактируйте node_modules / sweetalert / typings / sweetalert.d.ts из ...
`import swal, {SweetAlert} из" ./core ";

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

экспорт по умолчанию swal;
экспортировать как пространство имен swal;

к ...

`import swal, {SweetAlert} из" ./core ";

экспорт по умолчанию swal;
экспортировать как пространство имен swal;

У меня была такая же проблема с ReactJS, но использование https://github.com/sweetalert/sweetalert-with-react исправило ее.