logo标签列表

模块未找到：无法解析'material-ui/AutoComplete'

reactjsreduxmaterial-designreact-reduxmaterial-ui
29
我安装了material-ui-search-bar，现在想使用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'

如何解决这个问题？
安装完成后，您应该在脚本中导入它。请参阅文档。 - Artem Kolodko
13个回答
45

AutoComplete与Material UI的Lab包相关联。在添加“lab”包后，可以使用AutoComplete。使用yarn添加。

yarn add @material-ui/lab

或者使用npm 

npm install @material-ui/lab
请问您能否在这里提供更多的描述以便理解？ - Dulaj Kulathunga
9

我无法点赞或评论，所以我只是复制了可行的解决方案。 感谢@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

6
使用以下命令安装material-ui:
npm install material-ui@latest
3
这可能是由多种原因造成的。
1) 您正在使用带有重大更改的v1.0 material-ui beta版本。请尝试切换到稳定版本。或者如果您想使用最新的beta版本，请使用以下链接: https://material-ui-next.com/demos/autocomplete/material-ui AutoComplete 2) 尝试如下导入方式:
import AutoComplete from 'material-ui/AutoComplete';

或者

import { AutoComplete } from 'material-ui/AutoComplete';

由于@next版本进行中，端口正在重新组织，因此一些组件会出现问题。
3
在您的终端中使用npm i @autocomplete/material-ui。
然后运行npm start，问题将得到解决。
import { Autocomplete } from '@autocomplete/material-ui';

如果您需要更多信息或想要在其他文件上测试此模板，请使用以下参考链接。 [1]:https://www.npmjs.com/package/@autocomplete/material-ui

2
唯一有效的解决方案是卸载 material-ui-search-bar，然后使用 npm install material-ui-search-bar@beta 进行安装。
1

npm -i @material-ui/core

可能需要更多的软件包。 对我来说，除了实验室之外，我还需要utils。 希望这可以帮助到你。

1
请安装@material-ui/core，命令为：npm i @material-ui/core。 - Ali Al Amine
0
yarn add material-ui-icons

尝试在项目目录中使用此代码

yarn add @material-ui/icons if you are using importing import CloseIcon from '@material-ui/icons/Close'; - Marcio Klepacz
0

这个问题已经有4年了，所以这里的一些答案已经不正确了。在2022年和v5.5版本中，这不再是一个实验组件，但你可能仍然会遇到以下错误：

在'@mui/material'中找不到导入为'AutoComplete'的导出项

如果你仍然使用旧名称，那么这就是一个可能的原因。它的名称已经从"AutoComplete"改为"Autocomplete"，即字母c不再大写。

所以如果你有类似下面的代码：

import AutoComplete from @mui/material/AutoComplete

...只需将其更改为：

import Autocomplete from @mui/material/Autocomplete
0

安装beta版本 npm install material-ui-search-bar@beta 安装beta版本后，我的问题得到了解决。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接