![](/img/trans.png)
[英]Unable to declare multiple custom named properties TypeScript MUI v5 Palette
[英]Unable to use custom palette for mui component
我试图将背景颜色设为午夜蓝色,但出现错误:
类型错误:无法读取未定义的属性(读取“100”)
检查语法后,我无法发现任何错误。 这似乎是我在想的依赖问题?
提前致谢
import AppBar from "@mui/material/AppBar";
import Box from "@mui/material/Box";
import Toolbar from "@mui/material/Toolbar";
import Typography from "@mui/material/Typography";
import Button from "@mui/material/Button";
import { ThemeProvider, createTheme } from "@mui/system";
const Navbar = () => {
const theme = createTheme({
palette: {
background: {
midnightBlue: "#0A1929"
}
},
});
return (
<ThemeProvider theme={theme}>
<Box sx={{ flexGrow: 1, bgColor: "background.midnightBlue"}}>
<AppBar position="static">
<Toolbar>
<Typography variant="h6" component="div" sx={{ flexGrow: 1 }}>
Name
</Typography>
<Button color="inherit">Link 1</Button>
<Button color="inherit">Link 2</Button>
<Button color="inherit">Link 3</Button>
<Button color="inherit">Link 4</Button>
</Toolbar>
</AppBar>
</Box>
</ThemeProvider>
);
};
export default Navbar;
于是我去查了一下,你的导入是错误的,应该是这样的
import { ThemeProvider, createTheme } from "@mui/material/styles";
你的导入不正确。 它应该是:
import { createTheme, ThemeProvider } from "@mui/material"
提示:有时在自动导入时,某些组件会从“@mui/system”导入,这会导致此类问题,大多数情况下,从“@mui/material”命名的导入就足够了。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.