为什么我无法在 react 中导入我的组件？

Question

我正在做一个组件的基本导入，它不断给我这个错误：

./src/Nav.js
Module not found: You attempted to import ..\node_modules\@pmmmwh\react-refresh-webpack-plugin\lib\runtime\RefreshUtils.js which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.

但是我的 Nav 组件在 /src 中。

我的进口

  import React from 'react'
    
        const Nav = () =>  {
        
            return(
                <header class="header">
                    
                </header>
            )
        }
        
        export default Nav

这是我的 package.json：

{
  "name": "react-timesheet-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@babel/core": "^7.12.16",
    "@babel/preset-env": "^7.12.16",
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-helmet": "^6.1.0",
    "react-scripts": "4.0.2",
    "web-vitals": "^1.0.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "babel-loader": "^8.2.2",
    "webpack": "^5.22.0"
  }
}

我最近遇到了类似的丢失包裹的问题，如果这是错误的原因，我为什么还要继续获取它们？