未找到模块：无法解析“material-ui/AutoComplete”
Posted
技术标签:
【中文标题】未找到模块：无法解析“material-ui/AutoComplete”【英文标题】：Module not found: Can't resolve 'material-ui/AutoComplete' 【发布时间】：2018-03-30 17:20:40 【问题描述】：我安装了 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'
我该如何解决？
【问题讨论】：
下一步安装后，你应该在你的脚本中导入它。见documentation 【参考方案1】：这可能由于多种原因而发生。
1) 您使用的是测试版 v1.0 发布的 material-ui，它有重大变化。尝试切换到稳定版本。或者，如果您想使用最新的 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 版本的移植正在进行，模块正在重新组织，因此很少有组件被破坏。
【讨论】：
【参考方案2】：使用这个命令安装material-ui：
npm install material-ui@latest
【讨论】：
【参考方案3】：yarn add material-ui-icons
尝试在项目目录中使用它
【讨论】：
yarn add @material-ui/icons 如果您正在使用导入 import CloseIcon from '@material-ui/icons/Close';【参考方案4】：
这是一个很好的例子来解决你的问题，试试吧。
import Tab from '@material-ui/core/Tab'
【讨论】：
【参考方案5】：AutoComplete 与材质 UI 的 Lab 包相关联。在添加“实验室”包时，可以使用 AutoComplete。使用纱线添加
yarn add @material-ui/lab
或使用 npm
npm install @material-ui/lab
【讨论】：
能否请您在这里提供更多描述以了解【参考方案6】：我不能投票也不能发表评论，所以我只是模仿可行的解决方案。 谢谢，@blackspacer。
这行得通：
npm install @material-ui/lab
人们希望所有 Material UI 元素在初始包安装后都存在，但有一个例外。
https://material-ui.com/components/about-the-lab/
关于实验室
此软件包包含尚未准备好的孵化器组件 移动到核心。
安装在你的项目目录中安装包：
// 使用 npm
npm install @material-ui/lab// 用纱线
yarn add @material-ui/lab
【讨论】：
【参考方案7】：唯一有效的解决方案是卸载 material-ui-search-bar 并使用 npm install material-ui-search-bar@beta 安装
【讨论】：
【参考方案8】：npm -i @material-ui/core
因为可能需要更多的包。对我来说，除了实验室我还需要工具。希望这可以帮助。
【讨论】：
不需要-i。应该是npm i @material-ui/core【参考方案9】：
安装测试版npm install material-ui-search-bar@beta
安装测试版后，我的问题得到了解决。
【讨论】：
【参考方案10】：我猜你没有正确导入自动完成。
欲了解更多信息Visit here
像这样导入。
import Autocomplete from '@material-ui/lab/Autocomplete';
【讨论】：
【参考方案11】：在您的终端中使用npm i @autocomplete/material-ui。
然后运行npm start，问题就解决了。
import Autocomplete from '@autocomplete/material-ui';
更多信息或在另一个文件上尝试模板进行测试 - 使用下面的参考链接。 [1]:https://www.npmjs.com/package/@autocomplete/material-ui
【讨论】：
以上是关于未找到模块：无法解析“material-ui/AutoComplete”的主要内容，如果未能解决你的问题，请参考以下文章