如何在Angular2项目中加载assets脚本？解决TS2552错误

我之前也碰到过完全一样的情况！虽然浏览器运行时能正常找到ImageCompressor并创建实例，但Angular的TypeScript编译器却报错找不到这个名称——这是因为TS不知道你通过<script>标签全局引入的这个变量。

快速解决方法：添加全局变量声明 #

在你的项目src目录下创建一个typings.d.ts文件（如果已经存在就直接编辑它），然后添加一行声明：

declare var ImageCompressor: any;

这行代码相当于告诉TypeScript：“全局作用域里确实存在ImageCompressor这个变量，不用再报错啦”。

保存文件后重新运行ng build，这个报错应该就消失了。

更严谨的方案：安装类型定义（如果可用） #

如果image-compressor包有官方的TypeScript类型定义，你可以安装对应的@types包来获得完整的类型支持：

npm install @types/image-compressor --save-dev

这样TS就能自动识别ImageCompressor的类型，比用any更规范。不过如果这个包没有官方类型定义，就用第一个方案就足够了。

可选：改用ES模块导入（更Angular化） #

如果image-compressor支持ES模块导入，你可以去掉index.html里的<script>标签，直接在app.component.ts里导入：

import ImageCompressor from 'image-compressor';

这种方式能让TypeScript更好地处理依赖和类型检查，也更符合Angular的最佳实践。不过这得看这个包本身是否支持这种导入方式。

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