Как решить это исключение Неожиданный токен <в JSON в позиции 0? - PullRequest
Новая
       24

Как решить это исключение Неожиданный токен <в JSON в позиции 0?

0 голосов
/ 26 февраля 2019

Я отправляю форму с помощью formik и добавляю мутацию на кнопку. Я получаю это исключение, как решить это исключение? 

Uncaught (in promise) Error: Network error: Unexpected token < in JSON at position 0
    at new ApolloError (ApolloError.js:25)
    at Object.error (QueryManager.js:154)
    at notifySubscription (Observable.js:134)
    at onNotify (Observable.js:165)
    at SubscriptionObserver.error (Observable.js:224)
    at Object.error (bundle.esm.js:74)
    at notifySubscription (Observable.js:134)
    at onNotify (Observable.js:165)
    at SubscriptionObserver.error (Observable.js:224)
    at bundle.esm.js:135

Здесь я добавляю пример кода формы Formik с мутацией.я добавляю мутации правильный путь?Как добавить мутацию формы?

const {Form: AntForm, Row, Col, Button} = AntD; 

    const POST_MUTATION = gql`
      mutation PostMutation($username: String!, $email: String!, 
     $password:String!){
        post(username: $username, email: $email, password: $password) {  
          username
          email
          password
        }
      }
    `
     class FormikApollo extends React.Component {

        state = {
            username: '',
            email: '',
            password: ''
        }

        render() {
            const { values, handleSubmit } = this.props
            const { username, email, password } = this.state
               return (
                    <Form onSubmit={handleSubmit}>
                        <Row gutter={4}>
                            <Col span={12} push={5}>
                                <Field
                                    name="username"
                                    label="Name"
                                    placeholder="Enter a Name"
                                    component={TextField}
                                    value={values.username}
                                    formitemlayout={formItemLayout}

                                />

                                <Field
                                    name="email"
                                    label="Email"
                                    placeholder="Enter an Email"
                                    component={TextField}
                                    value={values.email}
                                    formitemlayout={formItemLayout}

                                />      
                                <Mutation mutation={POST_MUTATION} 
                        variables={{ username, email, password }}>
                         {postMutation =>
                                        <Button type="primary" htmlType="submit" onClick={postMutation}>Submit</Button>
                                    }

                    </Form>

                </div>

            )

        }
    }

И моя форма formik отправляется с помощью handleSubmit со значениями 

  const FormikApp = withFormik({
                    mapPropsToValues({ username, email, password }) {
                        return {
                            username: username || '',
                            email: email || '',
                            password: password || ''

                        }
                    },

                    handleSubmit(values, { resetForm, props }) {
                        resetForm();
                        console.log(values)
                    }

                })(FormikApollo)

1 Ответ

0 голосов
/ 26 февраля 2019

Вы получаете сообщение об ошибке, возвращающее веб-сайт HTML вместо JSON.Маркер <, на который ссылается ошибка, является началом тега <html>.

Вы можете подтвердить переход на devtools, вкладку сети, выбор сбойной вкладки и выбор подвкладки 'response'.

...