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'
どうすれば修正できますか?
オートコンプリートは、マテリアル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バージョンの移植のために、モジュールは再編成されており、したがって、破損しているコンポーネントはほとんどありません。
これはあなたの問題の良い例です。
import Tab from '@material-ui/core/Tab'
私は賛成もコメントもできないので、作業ソリューションをオウムするだけです。ありがとう、@ 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
yarn add material-ui-icons
プロジェクトディレクトリでこれを使用してみてください