導入錯誤：在使用 @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';

使用以上將解決您的問題。