./node_modules/material-ui-search-bar/lib/components/SearchBar/SearchBar.js
Module not found: Can't resolve 'material-ui/AutoComplete' in '...node_modules/material-ui-search-bar/lib/components/SearchBar'
如何解决这个问题?
./node_modules/material-ui-search-bar/lib/components/SearchBar/SearchBar.js
Module not found: Can't resolve 'material-ui/AutoComplete' in '...node_modules/material-ui-search-bar/lib/components/SearchBar'
AutoComplete与Material UI的Lab包相关联。在添加“lab”包后,可以使用AutoComplete。使用yarn添加。
yarn add @material-ui/lab
或者使用npm
npm install @material-ui/lab
我无法点赞或评论,所以我只是复制了可行的解决方案。 感谢@blackspacer。
这个方法可行:
npm install @material-ui/lab
初次安装Material UI包后,我们期待所有的Material UI元素都可以使用,但事实并非如此。
https://material-ui.com/components/about-the-lab/
关于这个实验室
此软件包提供了还未准备好转移到核心组件的孵化器组件。
安装:将该软件包安装到您的项目目录中:
// 使用npm安装
npm install @material-ui/lab
// 使用yarn安装
yarn add @material-ui/lab
npm install material-ui@latest
import AutoComplete from 'material-ui/AutoComplete';
或者
import { AutoComplete } from 'material-ui/AutoComplete';
npm i @autocomplete/material-ui
。npm start
,问题将得到解决。import { Autocomplete } from '@autocomplete/material-ui';
如果您需要更多信息或想要在其他文件上测试此模板,请使用以下参考链接。 [1]:https://www.npmjs.com/package/@autocomplete/material-ui
npm -i @material-ui/core
可能需要更多的软件包。 对我来说,除了实验室之外,我还需要utils。 希望这可以帮助到你。
yarn add material-ui-icons
尝试在项目目录中使用此代码
yarn add @material-ui/icons
if you are using importing import CloseIcon from '@material-ui/icons/Close';
- Marcio Klepacz这个问题已经有4年了,所以这里的一些答案已经不正确了。在2022年和v5.5版本中,这不再是一个实验组件,但你可能仍然会遇到以下错误:
在'@mui/material'中找不到导入为'AutoComplete'的导出项
如果你仍然使用旧名称,那么这就是一个可能的原因。它的名称已经从"AutoComplete"改为"Autocomplete",即字母c不再大写。
所以如果你有类似下面的代码:
import AutoComplete from @mui/material/AutoComplete
...只需将其更改为:
import Autocomplete from @mui/material/Autocomplete
安装beta版本 npm install material-ui-search-bar@beta
安装beta版本后,我的问题得到了解决。