尝试导入错误：“useControlled”未从“@material-ui/core/utils”导出

Question

./node_modules/@material-ui/lab/esm/useAutocomplete/useAutocomplete.js 
Attempted import error: 'useControlled' is not exported from '@material-ui/core/utils'.

面对这个问题，如何解决？

对应版本

"@material-ui/core": "^4.8.3",
"@material-ui/lab": "^4.0.0-alpha.44",

我正在使用的组件的链接

Answer 1

您使用的是最新版本的实验室，但使用的是旧版本的核心。 内核切换到 4.9.4 应该没问题。

Answer 2

缺少一些路径

您的导入语句应该是

import useControlled from '@material-ui/core/utils/useControlled'

utils 中没有索引文件。

Answer 3

更改软件包的版本对我不起作用。 问题在于导入语句中的引用路径。

代替

import Autocomplete from "@material-ui/lab";

和

import Autocomplete from "@material-ui/lab/Autocomplete";

Answer 4

尝试通过运行更新 @material-ui/core

更新

Answer 5

这可能对您有用：

import { useControlled } from '@mui/material';