2017-02-15 2 views
2

Последовательная онлайн-документация и попытка использования плагина sweetalert2 в моем приложении angular2.Импорт модуля sweetalert2 возвращает 404 в angular2

К сожалению, после того, как я включить это

import { default as swal } from 'sweetalert2'; 

Я получаю 404 ошибку говоря sweetalert не найден

enter image description here

+0

файла находится в node_modules ?? – Daredzik

ответ

0

Ваш импорт должен быть import swal from 'sweetalert2'; или import * as swal from 'sweetalert2;

0

Согласно SweetAlert2 documentation, в случае модулей ES6 или TypeScript вы должны импортировать SweetAlert2, например, t его:

import swal from 'sweetalert2' 
+0

Когда я попробовать использовать swal триггер я получаю ту же ошибку снова swal ({ название: «Ошибка!», текст: «Вы хотите, чтобы продолжить», типа: «ошибка», confirmButtonText: «Круто ' }) –

+0

Вы добавили импорт' sweetalert2 '; в вашем приложении или совместно используемом модуле? – Lehel

+0

Да, я сделал, импорт работает, но когда я включаю функцию swal(), он подбрасывает ловушку импорта erro –

0
  1. Инициализировать плагин с помощью ссылки на нужные файлы:
<script src="sweetalert2.all.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/core-s/2.4.1/core.js"></script> 

Вы также можете включать таблицы стилей отдельно, при желании:

> <script src="sweetalert2.min.js"></script> <link rel="stylesheet" 
> href="sweetalert2.min.css"> 

Или

// Модули ES6 или машинопись

импорт swal из '' sweetalert2

// CommonJS

константные swal = требуется ('') sweetalert2

  1. Ca Л.Л. sweetAlert2-функция после загрузки страницы
swal({ 
    title: 'Error!', 
    text: 'Do you want to continue', 
    type: 'error', 
    confirmButtonText: 'Cool' 
}) 
Смежные вопросы