Angular独立true看不到谷歌地图组件

Question

我对 Angular 的 google-maps 库有疑问。 Angular 的版本是 17，独立的 true。 问题是 google-maps 库必须导入到 app-module.ts 中，但我没有这个文件。 如果我将谷歌地图直接导入到组件中，我看不到它。

我将库导入到我的组件中：

import {GoogleMapsModule} from "@angular/google-maps";

我将 googleMapsModule 添加到导入中：

  imports: [
    GoogleMapsModule
  ],

在我的 html 组件中我有这个：

<google-map></google-map>

我尝试在一个具有独立 false 的项目中使用这个库，并且这个工作正常！

有人可以帮助我吗？谢谢！

Answer 1

如果您的图书馆是

@agm/core

那么它最多只支持

@angular/common@"^9.1.0 || ^10.0.0"

由于您使用的是 Angular 17，我尝试使用独立技巧以某种方式使其工作，但我陷入了死胡同，我从编译器收到了以下消息

✘ [错误] TS-996002：“AgmCoreModule”似乎不是 NgModule 类。 [插件角度编译器]

src/main.ts:8:11:
 8 │   imports: [
   ╵            ^

这可能意味着声明 AgmCoreModule 的库 (@agm/core) 与 Angular Ivy 不兼容。检查该库是否有新版本可用，如果有则更新。还可以考虑与库的作者核实，看看该库是否与 Ivy 兼容。

因此该软件包与版本 17 不兼容，因此请尝试寻找 google 地图的不同实现。

我看到了

angular component google maps

也许这可能很合适！

如果您愿意，可以在

@agm/core

上提出 github 问题，也许有人可能会升级软件包以支持 ivy！

Answer 2

您必须导入

GoogleMap

而不是

GoogleMapsModule

，如文档中所述： https://github.com/angular/components/blob/main/src/google-maps/google-map/README.md