Node.js 未能编译。/src/App.js尝试导入错误：'；用户提供者'；不是从'；导出的/模型/用户上下文'；

我遇到了以下错误，a希望有人能给我指出正确的方向：）

未能编译。/src/App.js尝试导入错误：“UserProvider” 不是从“./model/UserContext”导出的

UserContext.js

const UserProvider = ({  children, history}) => { ... })
export default withRouter(UserProvider);

import React from 'react';
import NavBar from './components/navBar';
import Login from './components/login';
import Session from './components/session';
import Dashboard from './components/dashboard';
import './App.css';
import Container from '@material-ui/core/Container';
import {BrowserRouter as Router, Route, Switch} from 'react-router-dom';

import { UserProvider } from './model/UserContext'


function App() {

  return (
    <div>
      <UserProvider>
      <Session />
       <NavBar />
        <Container maxWidth="sm">
         <Router>
         <Route path='/Login' component={Login}  />
         <Route path='/Dashboard' component={Dashboard}  />
         </Router>
       </Container>
      </UserProvider>
    </div>
  );
}

export default App;

app.js

const UserProvider = ({  children, history}) => { ... })
export default withRouter(UserProvider);

import React from 'react';
import NavBar from './components/navBar';
import Login from './components/login';
import Session from './components/session';
import Dashboard from './components/dashboard';
import './App.css';
import Container from '@material-ui/core/Container';
import {BrowserRouter as Router, Route, Switch} from 'react-router-dom';

import { UserProvider } from './model/UserContext'


function App() {

  return (
    <div>
      <UserProvider>
      <Session />
       <NavBar />
        <Container maxWidth="sm">
         <Router>
         <Route path='/Login' component={Login}  />
         <Route path='/Dashboard' component={Dashboard}  />
         </Router>
       </Container>
      </UserProvider>
    </div>
  );
}

export default App;

从“React”导入React；
从“./components/NavBar”导入NavBar；
从“./components/Login”导入登录名；
从“./components/Session”导入会话；
从“./components/Dashboard”导入仪表板；
导入“/App.css”；
从“@material ui/core/Container”导入容器；
从“react Router dom”导入{BrowserRouter as Router，Route，Switch}；
从“./model/UserContext”导入{UserProvider}
函数App（）{
返回(
);
}
导出默认应用程序；

您正在将UserProvider导出为默认值。因此，在App.js中，只需像下面这样导入（不带花括号）

你需要像这样写：

import UserProvider from './model/UserContext'

---

同一建议的可能副本是一年前提出的。没必要再提了。