javascript - 尝试访问 Youtube Data Api v3 时出现 `Google Maps API warning: NoApiKeys `

Question

我正在学习 Modern Redux With React 教程，并尝试访问 Youtube Data API v3，但在 Chrome 控制台中我收到错误 Google Maps API warning: NoApiKeys。我不确定为什么会收到 Google map 警告，因为我为 Youtube 注册了一个 API key 。

单击转到凭据。

单击“API key ”。

点击“浏览器”。

设置名称并点击创建。

将 API 复制并粘贴到 JS 文件中。

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

这是因为您的 index.html 文件中有“maps.googleapis.com/maps/api/js”。注释掉该行以防止谷歌地图在没有 key 的情况下尝试加载