Babel 错误：找不到模块：新组件后无法解析“<local_structure>/node_modules/react-scripts/node_modules/babel-loader/lib/index.js”

如何解决Babel 错误：找不到模块：新组件后无法解析“<local_structure>/node_modules/react-scripts/node_modules/babel-loader/lib/index.js”

来自 src 目录的树输出：

src/
├── App.css
├── App.js
├── App.test.js
├── components
│   └── layout
│       ├── About.js
│       ├── Header.js
│       ├── Hero.js
│       ├── References.js
│       └── Resume.js
├── img
│   ├── apple-touch-icon.png
│   ├── HMR.jpeg
│   ├── speaking.jpeg
│   ├── favicon.png
│   ├── nepal-bg.jpeg
│   └── testimonials-bg.jpeg
├── index.css
├── index.js
├── reportWebVitals.js
└── setupTests.js

References.js

const References = () => {
    return (
        <div>
            <p>These are my refs</p>    
        </div>
    )
}

export default References

App.js

import './App.css';
import Header from './components/layout/Header'
import Hero from './components/layout/Hero'
import About from './components/layout/About'
import Resume from './components/layout/Resume'
import References from './components/layout/References'

const App = () => {
  return (
    <div className='Container'>
      <Header />
      <Hero />
      <About />
      <Resume />
      <References />
    </div>
  );
}

export default App;

网站运行良好，直到我将 References.js 文件添加到我的 App.js 文件中。我已删除 node_modules 并重新安装。我已经安装了建议的 npm 包。每次尝试添加组件时，我都无法弄清楚是什么引入了重大更改。

解决方法

删除 node_modules、停止服务器、运行 npm i 并使用 npm start 重新启动服务器解决了问题。