React Module构建失败：SyntaxError：＆＃34; ...＆＃34;是只读的

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 in ES6

的信息

Answer 2

啊！找到了。这是一个简单的疏忽。希望这有助于某人。

我需要将const更改为let：

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