web-dev-qa-db-ja.com

モジュールが見つかりません:「material-ui / AutoComplete」を解決できません

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'

どうすれば修正できますか?

5
Just Snake

オートコンプリートは、マテリアルUIのLabパッケージに関連付けられています。 「ラボ」パッケージの追加時に、オートコンプリートを使用できます。糸を使用して追加

yarn add @material-ui/lab

またはnpmを使用して

npm install @material-ui/lab

このコマンドを使用してmaterial-uiをインストールします。

npm install material-ui@latest

これは複数の理由により発生する可能性があります。

1)v1.0のベータ版を使用しており、重大な変更がある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バージョンの移植のために、モジュールは再編成されており、したがって、破損しているコンポーネントはほとんどありません。

3
blackspacer

これはあなたの問題の良い例です。

import Tab from '@material-ui/core/Tab'
1

私は賛成もコメントもできないので、作業ソリューションをオウムするだけです。ありがとう、@ 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

0
Ragnar Kurm
yarn add material-ui-icons

プロジェクトディレクトリでこれを使用してみてください

0
Avshalom