React组件文件夹未检测到

Question

我在React中遇到以下错误。这似乎与这个相似。

>

我尝试将.jsx文件重命名为.js文件，并重新检查了上述问题中给出的导入路径，但它们仍然给我同样的错误。这是我的错误的图像。 vs代码错误和文件夹结构

我的代码app.js文件如下。

import './App.css';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import {ListSalaryComponent,CreateSalaryComponent,UpdateSalaryComponent,ListItemComponent,CreateItem,UpdateItemComponent,CreateMachineComponent,ListMachineComponent,UpdateMachineComponent} from './components';
import LogIn from './pages/LogIn';
import QuotationRequest from './pages/QuotationRequest';
import QuotationProcessIntro from './pages/QuotationProcessIntro';
function App() {
  return (
    <>
      <Router>
        <Switch>

          <Route exact path='/viewInvoice/:invoice_id'>
            <ViewInvoiceComponent />
          </Route>
          <Route path="/salaries" >
    <ListSalaryComponent/>
          </Route>
          <Route path="/add-salary">
          <CreateSalaryComponent/>
          </Route>
        <Route path="/update-salary/:id">
          <UpdateSalaryComponent/>
        </Route>
        <Route  path="/listitems"><ListItemComponent/></Route>
                  <Route  path="/items" ><ListItemComponent /></Route>
                  <Route  path="/add-item"><CreateItem/></Route>
                  <Route path="/edit-item/:item_code"> <UpdateItemComponent/></Route>

                
                <Route path="/machine-list" ><ListMachineComponent/></Route>
                <Route path="/machines"> <ListMachineComponent/></Route>
                <Route path="/add-Machine"> <CreateMachineComponent/></Route>
                <Route path="/update-Machine/:id"> <UpdateMachineComponent/></Route> 
              
      </Switch>
      </Router>
      <QuotationRequest></QuotationRequest>
    </>
  );
}

export default App;

这是我收到的完整错误消息。

错误中的错误/src/app.js 6：0-220 找不到的模块：错误：无法解决'./components/'in'D：\ sliit \ y2S2 \ itp \ itp \ iTP \ project \ project \ project code \ itp_project_group_b1-wd_b01_itp_g16 \ devagition resolve'./components/'in'D：\ sliit \ y2s2 \ itp \ itp \ project \ project code \ itp_project_group_b1-wd_b01_itp_g16 \ development \ itp-frontend \ itp-frontend \ src' 解析请求是目录 使用说明文件：D：\ SLIIT \ Y2S2 \ itp \ project \ Project code \ itp_project_group_b1-wd_b01_itp_g16 \ development \ itp-frontend \ package.json（eval path：./ src） 字段“浏览器”不包含有效的别名配置 使用说明文件：D：\ SLIIT \ Y2S2 \ ITP \ Project \ Project Code \ ITP_PROJEMT_GROUP_B1-WD_B01_ITP_G16 \ development \ itp-frontend \ package.json（eval path：./src/components） 作为目录 现有目录d：\ sliit \ y2s2 \ itp \ project \ project code \ itp_project_group_b1-wd_b01_itp_g16 \ development \ itp-frontend \ src \ components 使用说明文件：D：\ SLIIT \ Y2S2 \ ITP \ Project \ Project Code \ ITP_PROJEMT_GROUP_B1-WD_B01_ITP_G16 \ development \ itp-frontend \ package.json（eval path：./src/components） 使用路径：d：\ sliit \ y2s2 \ itp \ project \ project code \ itp_project_group_b1-wd_b01_itp_g16 \ development \ itp-frontend \ src \ components \ components \ Index 使用描述文件：D：\ SLIIT \ Y2S2 \ itp \ Project \ Project \ Project Code \ itp_project_group_b1-wd_b01_itp_g16 \ development \ itp-frontend \ itp-frontend \ package.json 没有扩展 字段“浏览器”不包含有效的别名配置 d：\ sliit \ y2s2 \ itp \ project \ project code \ itp_proipt_group_b1-wd_b01_itp_g16 \ development \ itp-frontend \ src \ components \ Index不存在 .web.mjs 字段“浏览器”不包含有效的别名配置 d：\ sliit \ y2s2 \ itp \ project \ project code \ itp_proipt_group_b1-wd_b01_itp_g16 \ development \ itp-frontend \ src \ components \ components \ index.web.mjs不存在 .mjs 字段“浏览器”不包含有效的别名配置 d：\ sliit \ y2s2 \ itp \ project \ project code \ itp_proipt_group_b1-wd_b01_itp_g16 \ development \ itp-frontend \ src \ components \ index.mjs不存在 .web.js 字段“浏览器”不包含有效的别名配置 d：\ sliit \ y2s2 \ itp \ project \ project code \ itp_proipt_group_b1-wd_b01_itp_g16 \ development \ itp-frontend \ src \ components \ components \ index.web.js不存在 .js 字段“浏览器”不包含有效的别名配置 d：\ sliit \ y2s2 \ itp \ project \ project code \ itp_project_group_b1-wd_b01_itp_g16 \ development \ itp-frontend \ src \ components \ components \ index.js不存在 .json 字段“浏览器”不包含有效的别名配置 d：\ sliit \ y2s2 \ itp \ project \ project code \ itp_proipt_group_b1-wd_b01_itp_g16 \ development \ itp-frontend \ src \ components \ index.json不存在 .web.jsx 字段“浏览器”不包含有效的别名配置 d：\ sliit \ y2s2 \ itp \ project \ project code \ itp_proipt_group_b1-wd_b01_itp_g16 \ development \ itp-frontend \ src \ components \ components \ index.web.jsx不存在 .jsx 字段“浏览器”不包含有效的别名配置 d：\ sliit \ y2s2 \ itp \ project \ project code \ itp_proipt_group_b1-wd_b01_itp_g16 \ development \ itp-frontend \ src \ components \ components \ index.jsx不存在 @ ./src/index.js 8：0-24 12：33-36

WebPack 5.70.0编译了1个错误和1个警告，在676 ms中