文章/答案/技术大牛

发布

社区首页 >问答首页 >错误:在'sweetalert2‘中找不到导出’默认‘(导入为'Swal') (模块没有导出)

问错误:在'sweetalert2‘中找不到导出’默认‘(导入为'Swal') (模块没有导出)
EN

Stack Overflow用户

提问于 2022-01-26 17:13:39

回答 2查看 754关注 0票数 0

我试图在我的角度项目中包括sweetalert2，但是它会给出编译时的错误。错误/src/app/pages/signup/signup.component.ts:29:16-25 -错误:导出‘默认’(导入为'Swal')在'sweetalert2‘中找不到(模块没有导出)

步进

1.安装sweetalert2 2.在组件.ts文件上导入(从‘sweetalert2’导入Swal )3.使用Swal.fire()调用

/src/app/pages/signup/signup.component.ts:29:16-25 -错误:导出‘默认’(导入为'Swal')在'sweetalert2‘中找不到(模块没有导出)

有人找到解决办法了吗？

javascript

angular

sweetalert

sweetalert2

回答 2

Stack Overflow用户

发布于 2022-01-26 18:28:34

，因此您需要首先确保在angular.json/ange-cli.json(取决于您的ng版本)

中包含所需的css & js文件。

  "styles": [
        "../node_modules/sweetalert2/dist/sweetalert2.css"
      ],
      "scripts": [
        "../node_modules/sweetalert2/dist/sweetalert2.js",
      ],

然后，在您的组件中，

可以像

那样导入它

import swal from "sweetalert2";

，在组件中，您可以像使用

那样使用它

swal({
     type: 'success',
     title: 'your message',
     showConfirmButton: false,
     timer: 1500
   });

票数 0

Stack Overflow用户

发布于 2022-05-04 15:18:42

我有一个完全相同的错误，问题是我正在导出组件，因为：

const Component = () => { Swal.fire({ //configs... }) 

export default Component;

我删除了最后一行，改为：

export const Component = () => { Swal.fire({ //configs... })

一切又开始运转了。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70867527

复制

相似问题

问错误:在'sweetalert2‘中找不到导出’默认‘(导入为'Swal') (模块没有导出)
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问错误:在'sweetalert2‘中找不到导出’默认‘(导入为'Swal') (模块没有导出)EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问错误:在'sweetalert2‘中找不到导出’默认‘(导入为'Swal') (模块没有导出)
EN