Сбой сборки React Module: SyntaxError: «...» только для чтения

Question

Я получаю эту ошибку при компиляции веб-пакета:

Я не смог найти ответ в Google или Stackoverflow .Вот мой компонент:

import React from 'react'
import { Form, Button } from 'react-bootstrap'
import { reduxForm } from 'redux-form'
import { connect } from 'react-redux'
import ContactInfo from './ContactInfo'

const CheckoutForm = props => {
    return (
              <Form className="forms" onSubmit={props.handleSubmit}>
                  <PanelGroup id="checkout-panels">
                      <ContactInfo {...props} />
                  </PanelGroup>
                  <Button className="btn-green pull-right" type="submit" >Submit</Button>
              </Form>
    )
}

CheckoutForm = reduxForm({
    form: 'checkoutForm',
    destroyOnUnmount: true
})(CheckoutForm)

CheckoutForm = connect(state => ({
    initialValues: 
        { 
            payment_type: 'credit_card', 
            ...state.checkout 
        }
}))(CheckoutForm)

export default CheckoutForm

Может кто-нибудь помочь?Я уверен, что это супер простое исправление.Я просто не могу найти это.Спасибо!

Answer 1

Ваша проблема здесь

const CheckoutForm

Измените его на

let CheckoutForm

Константы только для чтения, вы можете просто установить значение один раз, а после этого вы не можетеизмените его.

Читайте здесь о consts Const в ES6

Answer 2

Ах!Нашел это.Это был простой недосмотр.Надеюсь, это кому-нибудь поможет.

Мне нужно было изменить const на let:

let CheckoutForm = props => {
    return (
        ...
    )
}