导入sweetalert2模块以angular2返回404

Question

按照在线文档并尝试在angular2应用程序中使用sweetalert2插件。

不幸的是，我加入了这个

import { default as swal } from 'sweetalert2';

我收到404错误，说没有找到sweetalert

Answer 1

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

Answer 2

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

Intent.ACTION_OPEN_DOCUMENT_TREE

Answer 3

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 Modules或TypeScript

  

从'sweetalert2'导入swal

// CommonJS

  

const swal = require（'sweetalert2'）

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

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