Angular2 index.html дублирует скрипт googlemap - PullRequest
0 голосов
/ 17 мая 2018

Я хочу использовать библиотеку angular2-google-place-autocomplete в angular2.Я загружаю библиотеку в index.html, но после сборки сценарий дублируется в моем html и вызывает эту проблему.

Вы включали API Карт Google на этой странице несколько раз.Это может привести к непредвиденным ошибкам.

Вот мой index.html

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Proxistore for Media Agency</title>
  <script src="https://cdn.auth0.com/js/lock/11.4.0/lock.min.js"></script>
  <link rel="stylesheet" href="https://unpkg.com/@salesforce-ux/design-system/assets/styles/salesforce-lightning-design-system.min.css">

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&callback=angular2GoogleMapsLazyMapsAPILoader&key=xxxx;libraries=places"></script>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link href="./styles.css" rel="stylesheet">
</head>

<body class="pace-done mini-navbar">
  <app>Loading...</app>
</body>
</html>

enter image description here
enter image description here

1 Ответ

0 голосов
/ 17 мая 2018

Удалите блок сценария карты как agm уже, и автозаполнение уже вызывает этот сценарий. Вам просто нужно объявить его один раз в модуле приложения как root, как описано здесь: https://angular -maps.com /

@NgModule 
AgmCoreModule.forRoot({
      apiKey: 'YOUR_GOOGLE_MAPS_API_KEY'
    })
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...