Javascript 当我将react router与网页包一起使用时，它会显示错误“；React.createElement:类型无效"；_Javascript_Reactjs_Webpack_React Router

Javascript 当我将react router与网页包一起使用时，它会显示错误“；React.createElement:类型无效"；

javascript reactjs webpack

Javascript 当我将react router与网页包一起使用时，它会显示错误“；React.createElement:类型无效"；,javascript,reactjs,webpack,react-router,Javascript,Reactjs,Webpack,React Router,index.html <html> <head> <title>Webpack and React</title> <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/cerulean/bootstrap.min.css" rel="stylesheet"> </head> <body>

index.html

<html>
    <head>
        <title>Webpack and React</title>
        <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/cerulean/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
        <div id="app">hello</div>
        <script src="index.js"></script>
    </body>
</html>

我找不到导致错误的原因。有人说我可能不会添加导出默认值，但我已经添加了它。仍然是错误。

您的导入

import {BrowserRouter as Router, Route} from "react-router";

应该是

import {BrowserRouter as Router, Route} from "react-router-dom";

react路由器

npm包页面的注释：

注意：此软件包为React Router提供了核心路由功能，但您可能不想直接安装它。如果您正在编写将在浏览器中运行的应用程序，则应安装

react router dom

。类似地，如果您正在编写React本机应用程序，则应该安装

React router Native

。这两者都将作为依赖项安装

react router

你的进口

import {BrowserRouter as Router, Route} from "react-router";

应该是

import {BrowserRouter as Router, Route} from "react-router-dom";

react路由器

npm包页面的注释：

注意：此软件包为React Router提供了核心路由功能，但您可能不想直接安装它。如果您正在编写将在浏览器中运行的应用程序，则应安装

react router dom

。类似地，如果您正在编写React本机应用程序，则应该安装

React router Native

。这两者都将作为依赖项安装

react router

你确定你的html中有

id

为

app

的元素吗？@dev_junwen ys，它在index.html中有id。此外，此错误仅在我使用react router时出现。您的

特色

、

存档

和

设置

组件如何？您是否将它们包括在您的路由中？您确定您的html中有一个元素具有

app

的

id

？@dev_junwen ys，它在index.html中有id。此外，此错误仅在我使用react router时出现。您的

特色

、

存档

和

设置

组件如何？你把它们包括在你的路线中了吗？你解决了我的问题！！但为什么会这样呢？示例是“来自”react router“我已经更新了我的答案，为您的queryreact router添加了一个参考，它是一个基本实现

react router dom

是在浏览器中运行的

react router

的包装器。您解决了我的问题！！但为什么会这样呢？示例是“来自”react router“我已经更新了我的答案，为您的queryreact router添加了一个参考，它是一个基本实现

react router dom

是在浏览器中运行的

react router

的包装器。

import {BrowserRouter as Router, Route} from "react-router-dom";