2016-03-18 15 views
6

पहुंचने का प्रयास कर रहा प्रतिक्रिया ट्यूटोरियल के साथ आधुनिक Redux अनुसरण कर रहा हूँ, और YouTube डेटा API v3 का उपयोग करने की कोशिश कर रहा है, लेकिन क्रोम कंसोल में मैं त्रुटि Google Maps API warning: NoApiKeys मिलता है। मुझे यकीन नहीं है कि मुझे Google मानचित्र चेतावनी क्यों मिल रही है, क्योंकि मैंने यूट्यूब के लिए एपीआई कुंजी पंजीकृत की है।`गूगल मैप्स एपीआई चेतावनी: NoApiKeys` जब YouTube डेटा API v3

क्लिक किए गए प्रमाण पत्र पर जाएं।

Clicked Go to Credentials.

क्लिक किया "एपीआई कुंजी"।

Clicked "API Key".

क्लिक किया "ब्राउज़र"।

Clicked "Browser".

सेट नाम और बनाने क्लिक किया।

Set name and clicked create.

कॉपी किया गया और जे एस फ़ाइल में एपीआई चिपकाया।

Copied and pasted API into JS file.

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')); 

उत्तर

1

आप एक API कुंजी निर्दिष्ट किए बिना गूगल मैप्स एपीआई लोड हो रहा है किया जाना चाहिए।

क्रोम देव उपकरण के नेटवर्क टैब में एक नज़र डालें और देखें कि क्या कुछ भी /maps/api/js लोड हो रहा है - फिर कोशिश करें और ट्रैक करें कि Google मानचित्र API में आपके कोड का कौन सा हिस्सा खींच रहा है।

4

ऐसा इसलिए है क्योंकि आपके index.html फ़ाइल में "maps.googleapis.com/maps/api/js" है। Google मानचित्र को बिना किसी कुंजी

के बिना लोड करने का प्रयास करने के लिए उस पंक्ति को टिप्पणी करें
संबंधित मुद्दे