Javascript &引用；语法错误：意外的关键字"；在react脚本中的随机位置

我最近从Webpack更新了我的Javascript项目，以响应脚本

我的代码结构相当简单。我有一个

src

文件夹，其中有一个

index.js

，它只呈现如下DOM：

import ReactDOM from 'react-dom';
import Index from './pages/index';

ReactDOM.render(<Index />, document.querySelector('#root'));

/**
 * Injected styles for this component
 */
const styles = theme => ({
  ...
})
class Index extends Component {
  ...
}

export default withRoot(withStyles(styles)(Index));

./src/pages/index.js
Syntax error: Unexpected keyword 'return' (144:7)

  142 |
  143 |     if(!this.state.data){
> 144 |       return null;
      |       ^
  145 |     }
  146 |
  147 |     return <Grid>

在我的

package.json

中，我使用

react脚本启动应用程序。
运行
npm run start
时，开发Web服务器启动

我可以更改一个字母，保存文件，dev-webserver重新启动，然后在代码中出现随机语法错误。它们看起来像这样：

import ReactDOM from 'react-dom';
import Index from './pages/index';

ReactDOM.render(<Index />, document.querySelector('#root'));

/**
 * Injected styles for this component
 */
const styles = theme => ({
  ...
})
class Index extends Component {
  ...
}

export default withRoot(withStyles(styles)(Index));

./src/pages/index.js
Syntax error: Unexpected keyword 'return' (144:7)

  142 |
  143 |     if(!this.state.data){
> 144 |       return null;
      |       ^
  145 |     }
  146 |
  147 |     return <Grid>

/src/pages/index.js
语法错误：意外的关键字“return”（144:7）
142 |
143 |如果（！this.state.data）{
>144 |返回空值；
|       ^
145 |     }
146 |
147 |返回

还是这个

./src/pages/index.js
Syntax error: Unexpected token (76:11)

  74 |    */
  75 |   render() {
> 76 |     const { classes } = this.props;
     |           ^
  77 |
  78 |     return (
  79 |       <div className={classes.root}>

/src/pages/index.js
语法错误：意外标记（76:11）
74 |    */
75 | render（）{
>76 | const{classes}=this.props；
|           ^
77 |
78 |返回(
79 |       

在我重新启动npm之前，它们一直在发生

我试图删除代码，直到它不再发生。然后我得到一个
React.Component
，它只呈现一个带有文本的div

我试着做另一个项目；同样的问题也发生在那里

该项目在其他设备上运行良好

我尝试过的事情：


删除节点\u模块文件夹
降级依赖项
删除项目并再次克隆
使用不同的浏览器
重启电脑
更改回网页包
尝试联机搜索错误

我的节点版本是：

v6.9.1

我的npm版本是：

v6.8.0
证明我的节点版本是

我将节点更新为，但它停止了