Question

我尝试在App Bar演示中运行最后一个示例，我收到错误：

ERROR in ./src/Root.js
Module build failed: SyntaxError: Unexpected token (28:8)
  26 | 
  27 | class MenuAppBar extends React.Component {
> 28 |   state = {
     |         ^
  29 |     auth: true,
  30 |     anchorEl: null,
  31 |   };

部分代码

class MenuAppBar extends React.Component {
  state = {
    auth: true,
    anchorEl: null,
  };

  handleChange = (event, checked) => {
    this.setState({ auth: checked });
  };

  handleMenu = event => {
    this.setState({ anchorEl: event.currentTarget });
  };

  handleClose = () => {
    this.setState({ anchorEl: null });
  };

依赖

“material-ui”：“^ 1.0.0-beta.30”
“react”：“^ 16.2.0”
“react-dom”：“^ 16.2.0”
“babel-cli”：“^ 6.26.0”
“babel-core”：“^ 6.26.0”
“babel-loader”：“^ 7.1.2”
“babel-preset-env”：“^ 1.6.1”
“babel-preset-es2017”：“^ 6.24.1”
“babel-preset-react”：“^ 6.24.1”
“webpack”：“^ 3.10.0”

.babelrc

{
    "presets": ["env","react"]
}

我该怎么办呢？

Answer 1

我会检查一下MUI的GitHub仓库中列出的预设在这里：

https://github.com/mui-org/material-ui/blob/v1-beta/.babelrc

也许您需要使用其他一些预设来像这样运行它。还要检查你是否正在运行他们正在使用的对象分配所需的插件

material-ui组件演示无法工作

1 个答案: