找不到模块：无法解析“material-ui/AutoComplete”

Question

我安装了 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'

我该如何解决？

Answer 1

AutoComplete 与材质 UI 的 Lab 包相关联。在添加“实验室”包时可以使用 AutoComplete。使用纱线添加

yarn add @material-ui/lab

或使用 npm

npm install @material-ui/lab

Answer 2

我无法投票或评论，所以我只是模仿工作解决方案。谢谢，@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

Answer 3

使用以下命令安装 material-ui：

npm install material-ui@latest

Answer 4

发生这种情况的原因有多种。

1) 您正在使用material-ui v1.0发布的测试版，它有重大变化。尝试切换到稳定版本。或者，如果您想使用最新的测试版本，请使用参考以下链接： https: //material-ui-next.com/demos/autocomplete/material-ui AutoComplete

2）尝试如下导入：

import AutoComplete from 'material-ui/AutoComplete';

或者

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

由于 @next 版本的移植正在进行，模块正在重新组织，因此很少有组件被破坏。