GraphQLError: синтаксическая ошибка: не удается проанализировать неожиданный символ "\ u00A0"

У меня возникла ошибка, когда я делаю запрос / мутацию / подписку с помощью gql (из 'graphql-tag').

Есть ли у кого-нибудь такая ошибка и решить ее? Вот мой код:

import React from 'react';
import { Mutation } from 'react-apollo';
import MUTATION from './query.js';
import gql from 'graphql-tag';

const ADD_POST_MUTATION = gql`
  mutation addPost($content: String!, $author: String!) {
    addPost(content: $content, author: $author) {
      content
      author
    }
  }
`;

export default class Tool extends React.Component {
  state = {
    content: '',
    author: localStorage.getItem('user') || ''
  };

  handleSubmit = (e, mutation) => {
    console.info(mutation);
    e.preventDefault();
    mutation({ variables: { content: this.state.content, author: this.state.author }})
      .then(res => console.info(res))
      .catch(e => console.info(e));
  }

  render() {
    return (
      <Mutation mutation = {MUTATION}>
        {(addPost, { data }) => (
          <div>
            <div>Poster un commentaire</div>
            <form onSubmit = {e => this.handleSubmit(e, addPost)}>
              <textarea onChange = {e => this.setState({ content: e.target.value })}></textarea>
              <button type='submit'>Poster</button>
            </form>
          </div>
        )}
      </Mutation>
    );
  }
};

Ошибка повторяется для этого запроса

const FETCH_POST_QUERY = gql`
  query {
    getPost {
      id
      content
      author
    }
  }
`;

И я получил такую ​​ошибку:

GraphQLError: синтаксическая ошибка: не удается проанализировать неожиданный символ &quot;\ u00A0&quot;

Большое спасибо за твою помощь !

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
4
0
3 168
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Решено!

Проблема в graphql-tag, пришлось переписать, чтобы не было неразрывного пробела!

скопируйте свой код GQL и используйте другой редактор, например TextEdit, и вставьте его как обычный текст, затем скопируйте простой текст и вставьте обратно в VSCode.

Вставка из Блокнота и блокнота2 не работала. Ввод GQL снова сработал

Imran 27.09.2019 15:44

Другие вопросы по теме