Reactjs 如何在React with import/export中解决此问题？

我正在和我的同事一起做这个项目，所有的东西都在他的电脑上工作，但不是在我的电脑上。我有一个错误：

Error: Element type is invalid: expected a string (for built-in components) 
or a class/function (for composite components) but got: undefined. 

You likely forgot to export your component from the file it's defined in, or 
you might have mixed up default and named imports.

进出口似乎有问题，但我找不到。 你能帮帮我吗

文件

index.tsx

：

import React from 'react';
import ReactDOM from 'react-dom';

import { App } from './App';

ReactDOM.render(
    <React.StrictMode>
        <App />
    </React.StrictMode>,
    document.getElementById('root'),
);

import React from 'react';
import DocumentTitle from 'react-document-title';

import { AppMainWrapper } from './modules/AppMainWrapper/AppMainWrapper.component';


export const App: React.FC = () => {
    return (
        <DocumentTitle title="Finn den råeste roomie med oss">
            <AppMainWrapper />
        </DocumentTitle>
    );
};

AppMainWrapperComponent.tsx

import React from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

import { getBaseUrl, routes } from '../../routes/routes';
import { Footer } from '../components/Footer/Footer.component';

import { Home } from './components/Home/Home.component';
import { Login } from './components/Login/Login.component';
import { NewUser } from './components/NewUser/NewUser.component';


export const AppMainWrapper: React.FC = () => {
    const { main } = routes;

    return (
        <>
            <Router>
                <Switch>
                    <Route
                        path={getBaseUrl()}
                        exact
                        component={Home}
                    />
                    <Route
                        path={main.login.path}
                        component={Login}
                    />
                    <Route
                        path={main.newUser.path}
                        component={NewUser}
                    />
                </Switch>
            </Router>
            <Footer />
        </>
    );
};

从“React”导入React；
从“react Router dom”导入{BrowserRouter as Router，Route，Switch}；
从“../../routes/routes”导入{getBaseUrl，routes}；
从“../components/Footer/Footer.component”导入{Footer}；
从“./components/Home/Home.component”导入{Home}；
从“./components/Login/Login.component”导入{Login}；
从“./components/NewUser/NewUser.component”导入{NewUser}；
导出常量AppMainWrapper:React.FC=（）=>{
const{main}=路由；
返回(
);
};

---

我不知道这里会出什么问题。谢谢

你能发布

AppMainWrapper.component

的内容吗？从错误中我们只能猜测它应该是一个未命名的导出：

从“…/”导入AppMainWrapper

否。我也尝试过这个，但我直接从Eslint得到了错误。