`Ostrzeżenie Google Maps API: NoApiKeys` przy próbie dostępu do Youtube Data Api v3

Question

Korzystam z samouczka Modern Redux With React i próbuję uzyskać dostęp do Youtube Data API v3, ale w konsoli Chrome pojawia się błąd Google Maps API warning: NoApiKeys. Nie wiem, dlaczego otrzymuję ostrzeżenie w Mapach Google, ponieważ zarejestrowałem klucz API dla YouTube.

Kliknąć Przejdź do danych logowania.

Kliknięto "klucz API".

Kliknięte "Browser".

imię Set i kliknięciu stworzyć.

skopiowane i wklejone do pliku JS API.

import React, {Component} from 'react'; 
import * as ReactDOM from "react/lib/ReactDOM"; 
import YTSearch from 'youtube-api-search'; 

import SearchBar from './components/search_bar'; 


const API_KEY = 'AIzaSyD9WN2t4lhIZ5Es34jwaerM98r2nSutLJs'; 


class App extends Component { 

    constructor(props) { 
    super(props); 

     this.state = {videos: []}; 

    YTSearch({key: API_KEY, term: 'surfboards'}, (videos) => { 
     console.log(data); 
     this.setState({videos}); 
    }); 
    } 

    render() { 
    return (
     <div> 
     <SearchBar /> 
     </div> 
    ); 
    } 
} 

ReactDOM.render(<App />, document.querySelector('.container')); 

Answer 1

Musisz się ładuje API Map Google bez podawania klucza API.

Zobacz kartę Sieć narzędzi Chrome Dev Tools i sprawdź, czy coś ładuje się na numer /maps/api/js - i spróbuj znaleźć fragment kodu kodujący Google Maps API.

Answer 2

Dzieje się tak, ponieważ w pliku index.html znajduje się "maps.googleapis.com/maps/api/js". Skomentuj tę linię, aby zapobiec próbom załadowania map Google bez klucza