NPM 启动错误上的 ENOENT。为什么我会收到此错误，为什么要查找“我的图片”目录？答案

【问题标题】：ENOENT on npm start error. Why am I getting this error and why is it looking for "My Pictures" directory?NPM 启动错误上的 ENOENT。为什么我会收到此错误，为什么要查找“我的图片”目录？
【发布时间】：2021-12-29 21:25:44
【问题描述】：

我正在尝试在我的 React 项目中使用 MUI 的数据网格组件。我已经使用 $npm i @mui/x-data-grid 安装了这个包。当我将 DataGrid 导入我的 React 组件并运行 $npm start 时，我收到以下 ENOENT 错误。有人知道为什么吗？

当import被注释掉后，错误消失：

我已采取的解决问题的步骤：

重启 VS 代码
重启我的电脑
从https://www.codejourney.net/2021/04/how-to-fix-npm-err-enoent-enoent-no-such-file-or-directory-rename/ 运行“修补程序”

【问题讨论】：

标签： reactjs npm visual-studio-code material-ui enoent

【解决方案1】：

因为从 Windows 8 起它被重命名为C:\Users\<user>\Pictures？

顺便说一句，您为什么要尝试访问项目目录之外的图像？它有效，但管理起来将是一场噩梦。

例如当你必须将代码推送到 GitHub 时，你会怎么做？在您的源代码中包含C:\Users\<user>\Pictures？

【讨论】：

嗨，马修，感谢您的回复。我不想访问我的项目目录之外的图片。我所有的图片都存储在 bkmkt-stats-web-main\src\pictures 中。不知道为什么它引用这个文件夹，因为我在项目目录中安装了 x-data-grid 并且我在我的项目目录中运行命令。
@mui/x-data-grid 不应该访问图片文件夹。你可以尝试评论它，看看问题是否仍然存在。我倾向于认为您错误地在其他地方引用了该文件夹
当我注释掉 DataGrid 导入时一切正常。
我不确定您是否可以在他们的 github 页面上创建问题。我注意到的一件事是您同时使用 @material-ui/core 和 @mui/x-data-grid，它们不应该相互兼容。
我认为您可能正在做某事。经过一番谷歌搜索，我相信这个问题确实与@material-ui/core 和@mui/x-data-grid 之间的不兼容有关。我会告诉你我发现了什么。

【解决方案2】：

我认为这是@material-ui/core 和@mui/x-data-grid 之间不兼容引起的问题。

我找到了一些可能的解决方案：

通过https://githubmemory.com/repo/mui-org/material-ui-x/issues/2527使用Webpack别名来规避问题
安装旧版本的 MUI 数据网格：https://github.com/mui-org/material-ui-x
为数据网格组件选择第三方选项。我决定继续以下操作：https://github.com/adazzle/react-data-grid/blob/main/README.md

【讨论】：