路由器不工作。localhost:3000/,localhost:3000/#/,localhost:3000/#/aa ==> all moves in home page。 index.js import ReactDOM from 'react-dom'
import { BrowserRouter, Route, Switch } from 'react-router-dom'
ReactDOM.render(
<BrowserRouter>
<div>
<Switch
当我从“react router”导入{ useNavigate }时,我的应用程序工作正常,但是当我执行这个let navigate = useNavigate();时,我得到了错误,我的项目没有运行。我收到了这个错误
react_devtools_backend.js:4026 The above error occurred in the <App> component:
at App (http://localhost:3000/main.275edd721dcd59139133.hot-update.js:41:84)
Consider adding an e
我将与一起使用,并且我无法理解为什么在生产中会出现此错误,但在本地对接环境中却不会:
react-dom.production.min.js:3282
TypeError: Cannot read property 'filter' of undefined
at l (fieldFactory.js:21)
at p (List.js:83)
at beginWork (react-dom.production.min.js:2902)
at o (react-dom.production.min.js:4051)
at a
我刚开始学习如何用制作桌面应用程序,我试着使用和电子,但我一直得到错误Warning: [react-router] Location "/" did not match any routes
main.js
app.on('ready', () => {
win = new BrowserWindow({width: 800, height: 600});
win.loadURL(`file://${__dirname}/index.html`);
win.webContents.openDevTools();
win.on('
我试图在我的Next.js web应用程序中使用Next.js在不同页面之间进行路由,这是基于用户是否登录的,通过我制作的useAuthContext钩子查看全局状态变量user来检查。目前,我得到了这个错误:
ReferenceError: document is not defined
at getUrlBasedHistory (C:\Users\simer\Downloads\Talkhappi\client\node_modules\@remix-run\router\dist\router.cjs.js:380:14)
at Object.createBrowser
我正在使用react路由器5.5.1版本,并试图在我的index.js文件中使用它:
./src/index.js
14:8-21 'react-router' does not contain an export named 'BrowserRouter'
我的index.js中的导入语句
import { render } from 'react-dom';
import { BrowserRouter, Match, Miss } from 'react-router';
我是新的反应JS,试图实现路由到我的新闻应用程序。我一直在跟踪错误(我使用的是React路由器v4 )
Uncaught (in promise) Error: React.Children.only expected to receive a single React element child.
at invariant (invariant.js:44)
at Object.onlyChild [as only] (onlyChild.js:33)
at Router.render (Router.js:99)
at ReactCompositeCompo
下面是我的代码。app.js是根文件,about.js是一个只显示一些文本的文件,index.js使用react路由器处理所有路由。我想在app.js中呈现我的app.js。如果我不在this.props.children中写“app.js”,它就不会呈现。
App.js --呈现其中所有子组件的根文件。
"use strict";
import React from 'react';
import { Link } from 'react-router';
class App extends React.Component {
rend
我被反应路由器路由困住了。我发现了一个错误:
Warning: [react-router] Location "/FluxApp/" did not match any routes
这是我的app.js
var React = require('react');
var ReactDOM = require('react-dom');
var Router = require('react-router').Router;
var Route = require('react-router').Route;
v
通过我对React路由器所做的研究,似乎每个在线的示例都会将Reactive路由器代码存储在App.js文件中。
如果您想要使用路由器进行侧栏、页眉或页脚中的链接呢?
具体来说,这就是我正在学习的实现React路由器的例子:
期望的结果:使用组件attribute链接到站点地图页面的路由。
App.js
import React from 'react';
import Header from './components/Header';
import Hero from './components/Hero';
import Main fro
我正在使用react-router-dom版本6.4.0启动react项目,但无法为所有路由创建通用的标头。
App.js --这是我要添加RouterProvider的文件
import logo from './logo.svg';
import './App.css';
import { Link, Outlet, RouterProvider } from "react-router-dom";
import { routers } from "./routes/routes";
function App() {
r
我有一个带有.net前端(v16.14.0)的ReactJS 5应用程序,它是从Visual + Redux模板创建的。这个应用程序可以从MS团队访问,我希望实现单点登录,所以我正在从另一个项目中复制一些代码,该项目就是这样做的( ProtectedRoute类),但是我得到了以下错误,即使我已经将项目剥离回了基本的部分
Uncaught Error: Invariant failed: You should not use <Route> outside a <Router>
at invariant (tiny-invariant.esm.js:12:1)
我有一个反应路由器3的设置,很好地工作在嵌套组件。现在,当我试图在react路由器V4中做同样的事情时,我似乎无法让它工作。我读过几篇文章,包括一些文档,但仍然无法让它起作用。我首先在react路由器3中发布我的设置,然后我尝试了什么-路由器4。
React路由器3安装App.js
import { Router, browserHistory } from 'react-router';
import Store from './store';
import routes from './routes';
ReactDOM.render(
安装最新版本的v6获得此错误后:
元素类型无效:预期为字符串(用于内置组件)或类/函数(用于组合组件),但未定义。您可能忘记从定义在其中的文件中导出组件,或者您可能混淆了默认导入和命名导入。
该代码在较低版本中运行良好,但对于version6则失败。
代码: index.js
import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter as Router } from 'react-router-dom';
import App from
我刚开始反应,我想了解浏览器路由器,但是浏览器路由器没有呈现
import React from 'react';
import ReactDOM from 'react-dom\client';
import { BrowserRouter,Route,Routes } from 'react-router-dom';
import Home from './pages/Home';
const root = ReactDOM.createRoot(document.getElementById('root'