Angular报错：Property 'CLUSTER_CLICK'不存在，寻求解决方案

你遇到的这个问题，本质是项目代码依赖的谷歌地图插件版本和实际安装的版本不兼容——CLUSTER_CLICK是聚合标记相关的事件，要么是你装的插件版本太低还没加入这个事件，要么是新版本插件已经修改了事件名称。下面是具体的解决步骤：

1. 先排查当前插件版本 #

先确认你安装的插件版本是否支持这个事件：

• 查看@ionic-native/google-maps的npm包版本：

  npm list @ionic-native/google-maps
  

• 查看原生Cordova插件版本：

  cordova plugin list
  

这个Ionic 3的示例项目是比较旧的，和最新版的谷歌地图插件兼容性不好，必须用匹配的特定版本才能正常运行。

2. 安装兼容的插件版本 #

针对Ionic 3项目，推荐安装经过验证的兼容版本，这些版本明确支持聚合标记的点击事件：

# 先卸载现有插件
npm uninstall @ionic-native/google-maps
cordova plugin remove cordova-plugin-googlemaps

# 安装指定版本（记得替换成你自己的谷歌地图API Key）
npm install @ionic-native/google-maps@4.20.0 --save
cordova plugin add cordova-plugin-googlemaps@2.7.1 --variable API_KEY_FOR_ANDROID="你的安卓API Key" --variable API_KEY_FOR_IOS="你的iOS API Key"

3. 核对代码中的事件名称 #

如果安装后还是报错，打开项目里使用聚合标记的页面代码（比如home.ts），检查事件绑定的写法。部分版本中事件名可能不是CLUSTER_CLICK，而是markerClusterClick，可以调整成如下写法：

this.map.on('markerClusterClick').subscribe((event) => {
  // 这里写你聚合标记点击后的处理逻辑
  console.log('聚合标记被点击', event);
});

4. 清理缓存并重新构建 #

最后清理项目缓存，确保依赖完全更新：

npm cache clean --force
rm -rf node_modules package-lock.json
npm install
ionic cordova platform remove android
ionic cordova platform add android

完成这些步骤后再运行ionic serve，应该就能解决这个报错了。

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