时间戳

首页 > 解决方案 > React MaterialUI：createSvgIcon 不是函数

reactjs - React MaterialUI：createSvgIcon 不是函数

问题描述

我正在尝试将 MaterialUI 的 Autocomplete 组件用于 React。一切在编辑器中看起来很笨拙，并且编译得很好。但是我收到以下运行时错误：

app.js:42207 Uncaught TypeError: (0 , _utils.createSvgIcon) is not a function
    at Object.393.@babel/runtime/helpers/interopRequireWildcard (app.js:42207)
    at o (app.js:6)
    at app.js:6
    at Object.<anonymous> (app.js:41216)
    at Object.390.../internal/svg-icons/ArrowDropDown (app.js:42145)
    at o (app.js:6)
    at app.js:6
    at Object.391../Autocomplete (app.js:42167)
    at o (app.js:6)
    at app.js:6

代码（FWIW）：

  import TextField from '@material-ui/core/TextField';
  import Autocomplete from '@material-ui/lab/Autocomplete';
  ...

  <Autocomplete
    id="edit-var"
    freeSolo
    options={props.existing}
    renderInput={params => (
      <TextField
        {...params}
        label="Variable"
        margin="normal"
        variant="outlined"
        value={props.variable.name}
        autoFocus={true}
        onChange={e => props.onUpdate({ ...props.variable, name: e.currentTarget.value })}
      />
    )}
  />

我正在使用 React 16.12.0。已安装 MaterialUI 包：

    "@material-ui/core": "^4.8.0",
    "@material-ui/icons": "^4.9.1",
    "@material-ui/lab": "^4.0.0-alpha.56",

标签： reactjsmaterial-ui

解决方案

您可能安装了错误的版本@material-ui/icons。

尝试删除package-lock.json和node_modules文件夹并npm install再次运行。

推荐阅读