Reactjs 当webpack:SyntaxError:意外令牌时响应重复执行错误

这是一个奇怪的问题，代码如下：

...
const PrivateRoute = ({status, component: Component, ...rest}) => (
    <Route {...rest} render={ props => (
      status ?
        (<Component {...props}/>) :
        (<Redirect to="/login"/>)
    )}/>
)

function mapStateToProps(state) {
  return {
    status: state.user.status
}

export default connect(mapStateToProps)(PrivateRoute)

。。。
常量PrivateRoute=（{状态，组件：组件，…rest}）=>(
(
地位
() :
()
)}/>
)
函数MapStateTops（状态）{
返回{
状态：state.user.status
}
导出默认连接（MapStateTops）（PrivateRoute）

执行webpack-d-w时出错：

ERROR in ./public/javascripts/src/admin/components/PrivateRoute.jsx
Module build failed: SyntaxError: Unexpected token (4:53)

  2 | import { Route, Redirect } from 'react-router-dom'
  3 | 
> 4 | const PrivateRoute = ({status, component: Component, ...rest}) => (
    |                                                      ^
  5 |   <Route {...rest} render={ props => (
  6 |     status ?
  7 |       (<Component {...props}/>) :

/public/javascripts/src/admin/components/privaterout.jsx中的

错误
模块生成失败：语法错误：意外令牌（4:53）
2 |从'react router dom'导入{Route，Redirect}
3 | 
>4 | const privaterout=（{状态，组件：组件，…rest}）=>(
|                                                      ^
5 |    (
6 |地位？
7 |       () :

代码只需按照教程进行操作即可。

---

但是，代码blow在路由{…rest}中也使用了“…”。当我删除第一个“…”时，第二个和第三个不会产生错误。为什么会发生这种情况？

这是实验性语法。您需要在babel配置中包含插件。或者使用包含此插件的预设。例如

至此

当我删除第一个“…”时，第二个和第三个不会产生错误。为什么会发生这种情况

---

这是实验性语法。您需要在babel配置中包含插件。或者使用包含此插件的预设。例如

至此

当我删除第一个“…”时，第二个和第三个不会产生错误。为什么会发生这种情况

更新您的
.eslintrc.js
，将
实验对象restpread
设置为
ecmaFeatures
为
真

parserOptions: {
  ecmaVersion: 7,
  sourceType: 'module',
  ecmaFeatures: {
    jsx: true,
    experimentalObjectRestSpread: true
  }
}

请参见
更新您的
.eslintrc.js
，将
实验对象restSpread
设置为
ecmaFeatures
为
true

parserOptions: {
  ecmaVersion: 7,
  sourceType: 'module',
  ecmaFeatures: {
    jsx: true,
    experimentalObjectRestSpread: true
  }
}

看
没问题。很高兴我能帮忙：）没问题。很高兴我能帮忙：）