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

这可能由于多种原因而发生。

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

2）尝试导入如下：

import AutoComplete from 'material-ui/AutoComplete';

或

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

由于@next版本的端口正在进行重组，因此很少有组件出现故障。

Answer 3

使用此命令安装material-ui：

database='oracle'
search='driver'
sed -n '
/'"$database"'/!d
:A
n
/'"$search"'/!bA
s/[^"]*"\([^"]*\)"/\1/
p
q
' application.conf

Answer 4

唯一有效的解决方案是卸载material-ui-search-bar并使用npm install material-ui-search-bar @ beta安装

Answer 5

这是解决您的问题的好例子。

reflexivity.

Answer 6

npm -i @ material-ui / core

可能需要更多的包装。对我来说，除了实验室之外，我还需要工具。希望这可以帮助。

Answer 7

yarn add material-ui-icons

尝试在项目目录中使用它

Answer 8

安装@material-ui/core帮助我解决了这个问题

Answer 9

我不能投票也不能发表评论，所以我只是模仿了可行的解决方案。谢谢，@ blackspacer。

这有效：

npm install @material-ui/lab

人们希望所有的材料UI元素在初始软件包安装后都会出现，但是有一个例外。

https://material-ui.com/components/about-the-lab/

关于实验室

此软件包中包含尚未准备就绪的培养箱组件   移到核心。

安装使用以下命令将软件包安装到项目目录中：

//和npm

npm install @material-ui/lab

//含纱线

yarn add @material-ui/lab

Answer 10

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

Answer 11

我猜您没有正确导入自动完成功能。

更多信息Visit here

像这样导入。

import Autocomplete from '@material-ui/lab/Autocomplete';

Answer 12

在终端中使用 npm i @autocomplete/material-ui。

然后运行 npm start，问题将得到解决。更多信息或在另一个文件上试用模板进行测试 - 使用以下参考链接。 [1]：https://www.npmjs.com/package/@autocomplete/material-ui

找不到模块：无法解决材料-ui /自动完成问题＆＃39;

12 个答案: