更新

Question

谷歌地图的

script src（api key）仅在页面加载时加载一次

index.html

<script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=apikey" async= "true"></script>

.ts文件

const script = document.createElement('script');
    script.id = 'googleMap';
    console.log(script,'script')
    if (this.apiKey) {
      script.src = 'https://maps.googleapis.com/maps/api/js?key=' +
        this.apiKey;
        console.log(script.src,'script.src')
    }
    else {
      script.src = 'https://maps.googleapis.com/maps/api/js?key=';
    }
    document.head.appendChild(script);

Answer 1

如果您已将.ts文件中的代码片段手动放置在主html文件中，那么该代码段是什么？

尝试删除它。

如果没有，请提供更多有关const script =...代码段在应用中实际位置的详细信息。它一定在被多次调用的地方吗？

更新

根据您的评论，您说已经删除了所发布的脚本示例，但仍多次包含该脚本示例。

这听起来好像您没有将<script>标记放在<head>标记内。如果它在某些内部重复，那么它将重复。

如果这不能解决您的问题，请重新输入您的问题，以包含更好的摘录，并更加清楚您当前的设置，否则我们只能猜测可能是什么。

Answer 2

index.html文件的共享屏幕截图

每次页面加载时都会调用Google地图脚本

2 个答案:

更新