2017-12-11 13 views
0

基本的なReact/Apolloアプリの設定をしようとしています。新しいApolloClient()でWebPackエラーが発生しますか?

import React, { Component } from 'react'; 
import { ApolloClient, ApolloProvider } from 'react-apollo'; 
import './App.css'; 
import Contacts from './Contacts'; 

const client = new ApolloClient(); 

class App extends Component { 
    render() { 
    return (
     <ApolloProvider client={client}> 
     <div className="App"> 
      <header className="App-header"> 
      <h1 className="App-title">Welcome to React</h1> 
      </header> 
      <Contacts /> 
     </div> 
     </ApolloProvider> 
    ); 
    } 
} 

export default App; 

しかし、それは、この行を表示されます。エラーで

const client = new ApolloClient(); 

結果:あなたはV2を使用している場合

TypeError: __WEBPACK_IMPORTED_MODULE_1_react_apollo__.ApolloClient is not a constructor 

enter image description here

+0

あなたは 'しようと「アポロ・クライアント」からインポート{ApolloClient}でした。 '? –

答えて

0

、V1から多くの変更があります、apollo docs

あなたは今、アポロ・クライアントからインポートする必要があります。

import { ApolloClient } from 'apollo-client'; 

しかし、プロバイダが反応し、アポロからはまだです:

import { ApolloProvider } from 'react-apollo'; 
関連する問題