Ошибка компиляции ‘@material-ui/core’ не содержит экспорта с именем ‘makeStyles’ после установки Material-ui-pickers

#reactjs #typescript #material-ui

#reactjs #машинопись #material-ui

Вопрос:

Мне нужно использовать компоненты inlineDatePicker, предоставленные здесь сборщиками пользовательского интерфейса материалов: https://material-ui-pickers.dev/getting-started/installation

Я выполнил npm -i команду, однако, когда я пытаюсь скомпилировать свой код, я получаю эту ошибку:

 Failed to compile.

./node_modules/material-ui-pickers/dist/material-ui-pickers.esm.js
577:16-26 '@material-ui/core' does not contain an export named 'makeStyles'.

 

что? я что-то упустил? как мне обойти это?

Редактировать: Итак, проверяя ниже, я проверил версию, и она выдала мне эту ошибку:

  peer dep missing: @material-ui/core@^4.0.0-alpha.7, required by material-ui-pickers@3.0.0-alpha.2
 

итак, я сделал npm -i @material-ui/core @ ^ 4.0.0-alpha.7

и теперь я получаю еще одну ошибку компиляции…

  '@material-ui/core' does not contain an export named 'createStyles'.
 

Есть ли версия @material-ui / core, которую я могу установить, которая остановит это безумие?

Ответ №1:

Спасибо за тестирование версии v3 material-ui-pickers. Вам также необходимо установить новый @material-ui/styles пакет. Вот рабочий codesandbox.

Кроме того, убедитесь, что вы прочитали руководство по миграции для версии v3.

Ответ №2:

Я только что столкнулся с той же проблемой, когда использую следующие версии: «@material-ui / core»: «^ 3.9.3», «material-ui-pickers»: «^ 3.0.0-alpha.2»

Чтобы исправить ошибку компиляции, я просто понизил версию material-ui-pickers до «^ 2.2.4» и, похоже, это работает

Ответ №3:

Я только что столкнулся с той же проблемой.А потом я заметил, что я не импортировал полный путь <Button/> , может быть, вы можете попробовать это, чтобы заменить исходный:

 import Button from '@material-ui/core/Button';
 

но не:

 import Button from '@material-ui/core';