Angular 6集成Google Maps遇TS编译错误求助

我之前帮同事处理过几乎一模一样的问题，这两个编译错误本质是Angular 6配套的旧版TypeScript（一般是2.7.x版本）和新版@types/googlemaps的类型定义语法不兼容导致的，给你两个可行的解决方案：

方案一：跳过第三方库类型检查（最快解决） #

因为报错的代码来自@types/googlemaps的类型定义文件，而非你自己写的业务代码，我们可以让TypeScript跳过对第三方库的类型检查：

1. 打开项目根目录的tsconfig.json（注意不是tsconfig.app.json）
2. 在compilerOptions配置块中添加"skipLibCheck": true，示例配置如下：

{
  "compilerOptions": {
    // 保留你已有的其他配置...
    "skipLibCheck": true
  }
}

3. 重新运行ng serve，这两个错误应该会直接消失。

方案二：安装兼容TS 2.7.x的@types/googlemaps版本 #

如果不想跳过库类型检查，可以安装适配Angular 6对应TS版本的类型定义包：

1. 先卸载当前的@types/googlemaps：

npm uninstall @types/googlemaps --save-dev

2. 安装经过验证的兼容版本（3.30.19版本完全适配TS 2.7.x）：

npm install @types/googlemaps@3.30.19 --save-dev

3. 再次运行ng serve验证问题是否解决。

额外注意事项 #

• 确保你的tsconfig.app.json和tsconfig.spec.json中已经正确配置了"types": ["googlemaps"]
• 在组件中使用Google Maps时，建议通过两种方式引入类型：
  • 声明全局变量：

    declare var google: any;
    

  • 空导入触发类型加载：

    import {} from '@types/googlemaps';
    

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