Angular4集成Sweet Alert2构建时出现TS2345错误

这个错误的核心原因是你传递给SweetAlert的配置对象里的icon属性，在当前使用的SweetAlert2类型定义（TypeScript类型声明）中不存在对应的定义，导致TypeScript编译时不认可这个属性。下面是几个可行的解决方案：

方案1：将icon替换为type（适配旧版SweetAlert2） #

如果你的SweetAlert2版本比较早（比如v8及以前），官方API里还使用type而不是icon来指定图标类型。你只需要修改代码里的属性名即可：

原来的代码：

swal({
  title: yourTitle,
  text: yourText,
  icon: 'success', // 这里是报错的属性
  confirmButtonText: '确认'
});

修改后：

swal({
  title: yourTitle,
  text: yourText,
  type: 'success', // 替换为type
  confirmButtonText: '确认'
});

方案2：更新类型定义文件 #

如果你的SweetAlert2版本已经支持icon属性（比如v9及以后），但@types/sweetalert2的版本太旧，导致类型定义没跟上。你可以更新类型包：

打开终端执行：

npm install @types/sweetalert2 --save-dev

如果用yarn的话：

yarn add @types/sweetalert2 --dev

更新完成后，重新执行ng build --prod试试，TypeScript应该就能识别icon属性了。

方案3：使用类型断言临时绕过检查（不推荐，仅临时应急） #

如果你暂时不想修改代码或更新依赖，可以用as any类型断言让TypeScript跳过对这个对象的类型检查：

swal({
  title: yourTitle,
  text: yourText,
  icon: 'success',
  confirmButtonText: '确认'
} as any);

⚠️ 注意：这种方法会关闭TypeScript的类型校验，可能隐藏其他潜在问题，所以只建议作为临时解决方案，优先考虑前两种方案。

方案4：确认SweetAlert2的调用方法是否正确 #

有时候错误是因为调用了错误的SweetAlert2方法导致的。比如如果你用的是swal.confirm()这类特定方法，它的参数类型可能不包含icon，这时候应该改用swal.fire()来传递完整的配置选项：

swal.fire({
  title: yourTitle,
  text: yourText,
  icon: 'success',
  confirmButtonText: '确认'
});

内容的提问来源于stack exchange，提问作者Yinka