Popper styled_default 不是函数 Mui 5.6.0 [material-ui]

Question

从 @mui/material 5.5.0 升级到 5.6.4 后，我的 vite React-ts 应用程序无法运行，并抛出错误：styled_default 不是 Popper.js 的函数，popper 组件正在由自动完成组件使用

主题提供商正在包装整个应用程序

自动完成正在点击 api 来填充选项，但是使用 mui 的新 vite 项目似乎没有这个问题？

任何正确方向的帮助/指示将不胜感激

运行React 17.0.2 vite 2.8.0 mui/material 5.6.4

Answer 1

我也有类似的问题。问题来自于Autocomplete在我的 React Vite 应用程序上调用 MUI 组件。我不知道为什么MUI组件可以从文件中Autocomplete触发。TypeError: styled_default is not a functionPopper.js

我通过将 MUI Github 的一些答案结合到此处的文件中，使用组合解决了该问题vite.config.js：

optimizeDeps: {
  include: [
    '@emotion/react', 
    '@emotion/styled', 
    '@mui/material/Tooltip'
  ],
},
plugins: [
  react({
    jsxImportSource: '@emotion/react',
    babel: {
      plugins: ['@emotion/babel-plugin'],
    },
  }),
],

Answer 2

此问题已关闭。https://github.com/mui/material-ui/issues/32727 但这是一个持续存在的问题。

Answer 3

对我来说，通过更改 ThemeProvider 导出路径来工作

后

import { ThemeProvider } from '@mui/material/styles';

之前

import { ThemeProvider } from '@mui/material';