嘗試導入錯誤：“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';