Question

我曾尝试通过类似问题找到答案，但未能解决。

当我运行 React 应用程序时，出现以下错误：

错误：元素类型无效：应为字符串（对于内置组件）或类/函数（对于复合组件）但得到：对象。您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。检查 App 的渲染方法。

我的 index.js 文件如下所示：

import React from 'react'
import ReactDOM from 'react-dom'
import './index.css'
import App from './App'
import { AppProvider } from './context'
ReactDOM.render(
  <React.StrictMode>
    <AppProvider>
    <App />
    </AppProvider>
  </React.StrictMode>,
  document.getElementById('root')
);

我的 App.js 文件如下所示：

import React from "react";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
// import pages
import Home from "./pages/Home";
import About from "./pages/About";
import SingleCocktail from "./pages/SingleCocktail";
import Error from "./pages/Error";
// import components
import Navbar from "./components/Navbar";
function App() {
  return (
    <Router>
      <Navbar />
      <Switch>
        <Route exact path="/">
          <Home />
        </Route>
        <Route path="/about">
          <About />
        </Route>
        <Route path="/cocktail/:id">
          <SingleCocktail />
        </Route>
        <Route path="*">
          <Error />
        </Route>
      </Switch>
    </Router>
  );
}

export default App;

我最初在导入时遇到了问题，但我无法解决。

关于看什么的任何观点都会很棒，谢谢:)

反应错误：错误：元素类型无效：应为字符串（对于内置组件）或类/函数（对于复合组件）

0 个答案: