Apollo/GraphQL Mutation은 GraphIQL에서 작동하지만 클라이언트 코드에서는 작동하지 않습니까?

Question

나는 http://localhost:8080/graphiql에 GraphIQL에서 제대로 작동이 돌연변이를 가지고 :

mutation($fromID: String!, $toID: String!, $msgText: String!){ 
    createIM(fromID: $fromID, toID: $toID, msgText: $msgText){ 
    fromID 
    toID 
    msgText 
    } 
} 

QUERY ... 쿼리 VARIABLES

{ 
    "fromID": "1", 
    "toID": "2", 
    "msgText": "Test from GraphIQL #3. It's working!!!" 
} 

가 지금은 코드에서이를 구현해야 .

클라이언트 코드

sendInstantMsg(){ 
    const {textToSend} = this.refs; 
    const {toID} = this.props; 

    const fromID = Meteor.userId(); 
    const msgText = trimInput(textToSend.getValue()); 

    client.query({ 
     query: gql` 
      query mutation($fromID: String!, $toID: String!, $msgText: String!){ 
       createIM(fromID: $fromID, toID: $toID, msgText: $msgText){ 
        fromID 
        toID 
        msgText 
       } 
      } 
     `, 
     variables: { 
      fromID: fromID, 
      toID: toID, 
      msgText: msgText 
     }, 
     forceFetch: false, 
    }).then(({ data }) => { 
     console.log('got data', data); 
    }).catch((error) => { 
     console.log('there was an error sending the query', error); 
    }); 
} 

쿼리 변수 (fromID, 했잖아 및 msgText) 예상대로 함수에 와서, 그러나 아폴로 오류가 발생합니다 :

message: "Network error: Unexpected token < in JSON at position 0"

에게 무엇 내가 빠졌어?

Answer 1

당신이 ... 크롬 네트워크 탭에서

client.mutate({ 
      mutation: gql` 
       mutation createIM($fromID: String!, $toID: String!, $msgText: String!){ 
        createIM(fromID: $fromID, toID: $toID, msgText: $msgText){ 
         fromID 
         toID 
         msgText 
        } 
       } 
      `, 
      variables: { 
       fromID: fromID, 
       toID: toID, 
       msgText: msgText 
      }, 
      forceFetch: false, 
     }).then(({ data }) => {