javascript - Import av sweetalert2-modul returnerar 404 i angular2

Har följt dokumentationen online och försöker använda sweetalert2-pluginen i min Angular2-applikation.

Tyvärr efter att jag inkluderar detta

import { default as swal } from 'sweetalert2';

Jag får ett 404-fel som säger att sweetalert inte hittades

Svar #1

Din import borde vara import swal from 'sweetalert2'; eller import * as swal from 'sweetalert2';

Svar #2

  1. Initiera pluginen genom att referera till de nödvändiga filerna:
<script src="sweetalert2.all.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/core-s/2.4.1/core.js"></script>

Du kan också inkludera stilarket separat om så önskas:

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

Eller

// ES6-moduler eller TypeScript

import swal från 'sweetalert2'

// CommonJS

const swal=require('sweetalert2')

  1. Anropa sweetAlert2-funktionen efter att sidan har laddats
swal({
  title: 'Error!',
  text: 'Do you want to continue',
  type: 'error',
  confirmButtonText: 'Cool'
})