새로운 ApolloClient()에서 WebPack 오류가 발생합니까?

Question

기본 React/Apollo 앱 설정을 시도 중입니다.

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

결과 :

TypeError: __WEBPACK_IMPORTED_MODULE_1_react_apollo__.ApolloClient is not a constructor 

Answer 1

는 V2를 사용하는 경우, V1에서 많은 변화가있다을 , apollo docs

는 이제 아폴로 클라이언트에서 가져올 수 있습니다

import { ApolloClient } from 'apollo-client'; 

그러나 공급자는 반응-아폴로에서 여전히 :

import { ApolloProvider } from 'react-apollo';