导入错误：在使用 @material-ui/core/styles/ThemeProvider/ 和 @material-ui/core/styles/createMuiTheme/ 时找不到模块

Question

使用@materail-ui/core 库时出现以下错误

找不到模块：无法解析“Z:\\module-builder\\web\\src\\Components”中的“@material-ui/core/styles/ThemeProvider”。

下面是我正在使用的代码，在节点模块中安装了@material-ui/core

import React, { createContext, useContext, useState } from 'react';
import createMuiTheme from '@material-ui/core/styles/createMuiTheme';
import UploadIcon from '@material-ui/icons/CloudUpload';
import WarningIcon from '@material-ui/icons/Warning';
import MuiThemeProvider from '@material-ui/core/styles/ThemeProvider';
import Snackbar from '@material-ui/core/Snackbar';
import { TRASH_ICON } from '../Assets/Images/svg';
import Slide from '@material-ui/core/Slide';

interface Options {
    message: string;
    variant: number;
    timeout?: number;
}

function createTheme(backgroundColor: string) {
    return createMuiTheme({
        overrides: {
            MuiSnackbarContent: {
                root: { backgroundColor }
            }
        }
    });
}

const errorSnack = createTheme('#cc5200');
const infoSnack = createTheme('#0088cc');
const successSnack = createTheme('#00a14f');

加载时浏览器出错

Answer 1

createMuiTheme 现在在较新的 @material-ui/core 中已弃用。 尝试使用 createTheme 代替。

使用此代码添加的别名使您的用法正常工作。

import {createTheme as createMuiTheme,ThemeProvider as MuiThemeProvider} from '@material-ui/core/styles';

使用以上将解决您的问题。