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

Question

来自src目录的树 Output：

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 软件包。 每次尝试添加组件时，我都无法弄清楚是什么引入了重大更改。

Answer 1

删除node_modules ，停止服务器，运行npm i并使用npm start重新启动服务器修复了该问题。