如何使用来自@mui/material 的样式使情感组件选择器在 nextjs 应用程序中工作？
Posted
技术标签:
【中文标题】如何使用来自@mui/material 的样式使情感组件选择器在 nextjs 应用程序中工作？【英文标题】：How to make emotion component selector work in nextjs app using styled from @mui/material? 【发布时间】：2021-11-19 21:11:33 【问题描述】：我这里有这个代码框：https://codesandbox.io/s/agitated-boyd-9z2r9?file=/pages/index.tsx
我在使用组件选择器时遇到问题，例如，如果我使用来自@mui/material 的样式，我会收到此错误Error: Component selectors can only be used in conjunction with @emotion/babel-plugin。但是如果我使用@emotion/styled 的样式，它就可以正常工作。
还有一个相关的issue已经关闭：https://github.com/mui-org/material-ui/issues/27380 不知道如何重新打开它。
【问题讨论】：
【参考方案1】：您需要安装@emotion/babel-plugin 并将其配置为使用来自@mui/material 的导入。见https://github.com/mui-org/material-ui/issues/27380#issuecomment-928973157
【讨论】：
以上是关于如何使用来自@mui/material 的样式使情感组件选择器在 nextjs 应用程序中工作？的主要内容，如果未能解决你的问题，请参考以下文章