Next js和Next Auth重叠的react声明

Question

我在多个项目中运行Next js和Next Auth，突然所有这些项目都决定以相同的错误崩溃。

Module parse failed: Identifier '_react' has already been declared (14:6)
File was processed with these loaders:
* ./node_modules/next/dist/build/webpack/loaders/next-swc-loader.js
You may need an additional loader to handle the result of these loaders.
| const _material = require("@mui/material");
| const _xDataGrid = require("@mui/x-data-grid");
> const _react = require("next-auth/react");
| const _reportTable = /*#__PURE__*/ 

一个崩溃的简单例子是这样的…
从下面的例子中可以看到。我没有两次导入react。

import React from "react";
import { Box } from "@mui/material";
import { DataGrid, GridColDef, GridRowsProp } from "@mui/x-data-grid";
import { getSession } from "next-auth/react";
import ReportTable from "../src/components/ReportTable";
export default function Home() {
const findSession = () => {
const session = getSession();
console.log(session);
return session;
};
return (
<Box>
<ReportTable title="Price Books">
<DataGrid
sx={{ border: "0" }}
rows={rows}
columns={columns}
headerHeight={40}
/>
</ReportTable>
</Box>
);
}

如果我在顶部删除getSession导入，一切都运行良好。我团队的其他开发人员可以很好地运行这些项目，所以我认为这是我这边的环境问题。

还有其他人遇到这个问题吗?

我已经建立了这个项目，它工作得很好。这些错误只发生在我的开发环境中。我还在我的个人机器上克隆了这个repo，它在那里也工作得很好。

Answer 1

问题出在今天发布的一个新插件"代码忍者"上。如果你遇到这个问题，禁用VSCode扩展。