React Module build failed: SyntaxError: "..." is read-only答案

【问题标题】：React Module build failed: SyntaxError: "..." is read-onlyReact Module build failed: SyntaxError: "..." is read-only
【发布时间】：2018-06-06 11:24:30
【问题描述】：

webpack 编译时出现这个错误：

我在谷歌或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

有人可以帮忙吗？我敢肯定它是一个超级简单的修复。我就是找不到。谢谢！

【问题讨论】：

为什么投反对票？我真的认为这个问题包含足够的细节并且会帮助某人......

标签： reactjs webpack babeljs

【解决方案1】：

你的问题来了

const CheckoutForm

改成

let CheckoutForm

常量是只读的，你只能设置一个值，之后就不能再改变了。

阅读这里关于 consts Const in ES6

【讨论】：

【解决方案2】：

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

我需要将const 更改为let：

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

【讨论】：