javascript - 导入 sweetalert2 模块在 angular2 中返回 404

Question

一直在关注在线文档并尝试在我的 angular2 应用程序中使用 sweetalert2 插件。

不幸的是，在我包含这个之后

import { default as swal } from 'sweetalert2';

我收到 404 错误，提示未找到 sweetalert

Answer 1

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 模块或 TypeScript

从“sweetalert2”导入 swal

// CommonJS

const swal = 要求（'sweetalert2'）

2. 页面加载后调用 sweetAlert2 函数

swal({
  title: 'Error!',
  text: 'Do you want to continue',
  type: 'error',
  confirmButtonText: 'Cool'
})

Answer 2

您的导入应该是import swal from 'sweetalert2';或import * as swal from 'sweetalert2;

Answer 3

根据SweetAlert2 文档，如果是 ES6 模块或 TypeScript，您应该像这样导入 SweetAlert2：

import swal from 'sweetalert2'