Среда: SPFx с Office 365
Я создал решение SPFx с версией 1.8 как @ microsoft / sharepoint. Я пытаюсь использовать материал пользовательского интерфейса. поэтому я установил npm install @ material-ui / core в свое решение SPFx. Я добавил ссылки на мой файл .tsx как
import { createStyles, makeStyles } from '@material-ui/core/styles';
import Card from '@material-ui/core/Card';
import CardActions from '@material-ui/core/CardActions';
import CardContent from '@material-ui/core/CardContent';
import Button from '@material-ui/core/Button';
import Typography from '@material-ui/core/Typography';
В методе рендеринга я просто пишу как
return (
<div>
<Card></Card>
</div>
);
В консоли браузера я получаю ошибки, как показано ниже:
Я думал, что из-за materilUI отреагировал зависимостью версии, я обновил их до последней. Мой файл package.json выглядит ниже
![enter image description here](https://i.stack.imgur.com/8YHO2.png)
Теперь я выполнил команду gulp, где я получаю сообщение об ошибке в консоли.
Ниже ошибка в веб-части
![enter image description here](https://i.stack.imgur.com/ciIIG.png)
Какое разрешение для этого. Я пытаюсь решить это с 8 часов. Я не нахожу в любом случае. Подскажите, пожалуйста, есть ли зависимости, которые мне нужно установить в решении?