下一篇.JS： 找不到模块"@emotion/反应"

Question

我一直在使用Next。JS做了一个测试项目来学习框架。到目前为止，一切都很好，直到我决定使用MUI创建一个表，所以使用npm，我安装了@MUI/material@memotion/areact和@memotion/styled，但在渲染表时，Next给了我标题中描述的错误。

"dependencies": {
"@emotion/react": "^11.8.1",
"@emotion/styled": "^11.8.1",
"@mui/material": "^5.6.1",
"axios": "^0.26.1",
"next": "12.1.4",
"react": "18.0.0",
"react-dom": "18.0.0"
},

这些是我在package.json中的依赖项，我试图将@memotional/rect从11.9.0降级到11.8.1，看看它是否是版本，但仍然出现了同样的错误。下面的表格代码只是为了让你知道我想做什么。

import { Table, TableBody, TableHead, TableCell, TableRow, TableContainer } from "@mui/material";
export default function Authors({authors}){
return(      
//...      
<TableContainer>
<Table aria-label="authors table">
<TableHead>
<TableRow>
<TableCell align="center">Name</TableCell>
</TableRow>
</TableHead>
<TableBody>
{authors.map(({ authorID, name }) => (
<TableRow key={authorID}>
<TableCell>{name}</TableCell>
</TableRow>
))}
</TableBody>
</Table>
</TableContainer>
//...
)}

Answer 1

我试着复制你在这里所做的，它对我来说很好，我的package.json看起来像这样：

"dependencies": {
"@emotion/react": "^11.9.0",
"@emotion/styled": "^11.8.1",
"@mui/material": "^5.6.1",
"next": "12.1.5",
"react": "18.0.0",
"react-dom": "18.0.0"
},

尝试将next.js升级到12.1.5

也尝试重新启动服务器，因为安装了新的软件包

Answer 2

我通过删除@memotional/styled来修复它。请确保您首先安装了@memotional/request，然后再次尝试安装@memotional/styled。

Answer 3

我已经多次遇到这个问题。

从node_modules中删除@emotion文件夹，然后使用npm或yarn进行安装。

也无需删除package-lock.json。

Answer 4

好吧，伙计们，我试着启动npm更新和npm安装-g创建下一个应用，显然他们解决了问题