NodeJS 加载特定组件时材料UI错误

mzillmmw 于 2023-08-04 发布在 Node.js

关注(0)|答案(1)|浏览(92)

当我使用一些mui库组件，如**Buttons, Tooltip, Popover和一些类似的组件时，我会出错。错误消息没有给我一个很好的提示来理解发生了什么。浏览器控制台具有以下功能：
1.一米
1.Uncaught TypeError: (intermediate value).shape is undefined**
1.The above error occurred in the <MuiButtonRoot> component:
1.Uncaught TypeError: (intermediate value).shape is undefined
下面是我使用指定组件的源代码：

import * as React from 'react';
import DeleteIcon from '@mui/icons-material/Delete';
import IconButton from '@mui/material/IconButton';
import Tooltip from '@mui/material/Tooltip';

export default function BasicTooltip() {
  return (
    <Tooltip title="Delete">
      <IconButton>
        <DeleteIcon />
      </IconButton>
    </Tooltip>
  );
}

字符串
我的package.json依赖项部分：

"dependencies": {
    "@emotion/react": "^11.10.0",
    "@emotion/styled": "^11.10.0",
    "@mui/icons-material": "^5.10.2",
    "@mui/joy": "^5.0.0-alpha.41",
    "@mui/material": "^5.10.0",
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-router-dom": "^5.2.0",
    "react-scripts": "4.0.1",
    "styled-components": "^5.1.1",
    "web-vitals": "^0.2.4"
  },

型
我不知道是否有一些其他组件产生相同的错误，或者如果有一些依赖，我错过了我需要帮助，请和感谢阅读！

node.js

来源：https://stackoverflow.com/questions/73571057/material-ui-error-loading-specific-components

1条答案

按热度按时间

bt1cpqcv1#

我刚刚遇到了这个问题，解决这个问题的方法是我忘记将我的mui主题对象输入到createTheme函数中。对你或其他人来说可能是或不是同样的问题。
错误消息Uncaught TypeError: (intermediate value).shape is undefined中的键是.shape is undefined，因为mui正在寻找应该在主题对象中定义的值，而shape是与palette，typography等沿着的键之一。createTheme函数使用the defaults填充其余的主题值
例如，在

import { createTheme } from '@mui/material';
import { cyan, pink } from '@mui/material/colors';

const theme = {
  palette: {
    mode: 'light',
    primary: {
      main: cyan['A200'],
    },
    secondary: {
      main: pink['A400'],
    },
  },
};

export const muiTheme = createTheme(theme);

字符串

赞(0）回复(0）举报 2023-08-04

我来回答

NodeJS 加载特定组件时材料UI错误

1条答案

相关问题

热门标签

最新问答