ENOENT 在 npm 启动时出错。为什么我会收到此错误,为什么它要查找 "My Pictures" 目录?

ENOENT on npm start error. Why am I getting this error and why is it looking for "My Pictures" directory?

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

导入被注释掉后,错误消失:

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

  1. 重启 VS Code
  2. 重启我的电脑
  3. 运行 来自 https://www.codejourney.net/2021/04/how-to-fix-npm-err-enoent-enoent-no-such-file-or-directory-rename/
  4. 的“修补程序”

因为从 Windows 8?

起重命名为 C:\Users\<user>\Pictures

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

例如当您必须将代码推送到 GitHub 时,您打算做什么?将 C:\Users\<user>\Pictures 包含到您的源代码中?

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

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

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