Блог

Главная - Вопросы по программированию - Импорт {нескольких} материалов-ui все еще ошибка в react js

Импорт {нескольких} материалов-ui все еще ошибка в react js

#javascript #html #reactjs #npm

Вопрос:

У меня установлен пользовательский интерфейс material, но я все еще не могу его импортировать. в моем коде нет ошибки, но когда я запускаю свой проект react, я получаю эту ошибку.

     import React, {Component} from 'react';
import { Button, Container, Grid, TextField } from '@material-ui/core';
import { Link } from 'react-router-dom';
import { firebaseAuthentication, githubProvider } from '../config/firebase';

Это информация о версии из моего пакета.json

 {
  "name": "auth-github",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@material-ui/core": "^5.0.0-beta.5",
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "4.0.3",
    "web-vitals": "^1.0.1"
  },

Комментарии:

1. Вы создали это приложение с помощью create-react-app или это сделано с помощью пользовательской конфигурации веб-пакета? Как отметил @Roopa Раунияр в своем ответе, это, скорее всего, не связано с material-ui. Если это пользовательская конфигурация веб-пакета, вам может потребоваться включить плагин для обработки импорта .css, например css-загрузчик .

2. это настраиваемая конфигурация веб-пакета, я попытался добавить .css, но результат тот же.

3. Вы пытаетесь импортировать файл с именем Apps.css в любое место вашего проекта?

4. Да, я знаю, есть в той же папке.

Метки: