我正在尝试使用react路由器4进行服务器端呈现。
根据服务器上的示例,我们应该使用StaticRouter。当我按示例导入时,我认为StaticRouter是未定义的
import {StaticRouter} from 'react-router';
在网上做了一些调查之后,我发现我可以使用react-router-dom。现在我的import语句看起来是这样的。
import {StaticRouter} from 'react-router-dom';
但是,当我运行代码时,我将在浏览器中获取Invariant Violation: Browser hi
我想要实现的是,我想要将post请求发送到节点服务器,然后从post request中提取主体,然后用 body 从post请求中提取出我的react应用程序(其中包含路由)
在我在react应用程序中创建的服务器中,我使用了以下代码
import express from "express";
import fs from "fs";
import path from "path";
import React from "react";
import ReactDOMServer from "react-dom/s
在我自己的代码中,我试图通过将react-router的useHistory添加到imports中来使用它:
import {BrowserRouter as Router, Link, Route, Switch, useHistory} from "react-router-dom";
然后用它在我的App()函数上定义一个变量:
let history = useHistory();
当我这样做的时候,我得到了错误:
TypeError: useContext(...) is undefined
来自react-router的hooks.js,具体行是:
return u
试图站起来和运行的反应-路由器的类型记录。我已经安装了@type/reads路由器,但是我遇到了一个错误,错误是:
@types/react-router/index"' has no exported member 'hashHistory'
我一直在尝试不同版本的路由器和类型。我现在的版本是:
react: 16.3.2
react-router: 4.2.0
@types/react-router: 4.0.23
我看过上的打字项目。index.ds.ts不显示hashHistory正在导出。但是,这里有一个v3文件夹,而其中的index.ds.ts是这
我很难找到解决问题的方法,尽管我很难找到Sensei的搜索技巧。
虽然我的应用程序与反应路由器没有任何问题,故事书抛出的错误“不变失败:你不应该使用外部”。
Error: Invariant failed: You should not use <Link> outside a <Router>
at invariant (tiny-invariant.esm.js:11)
at react-router-dom.js:181
at updateContextConsumer (react-dom.development.js:19747)
我已经开始用Mocha为我的react组件编写测试了。当我开始进行npm测试时,我得到了一个例外
Invariant Violation: Browser history needs a DOM
我试图将历史记录对象连接到测试文件:
import React, {Component} from 'react'
import Modal from 'react-modal';
import expect from 'expect'
import TestUtils from 'react-addons-test-utils'
如果props.fields的长度为零,我想重定向页面。但问题是它被渲染了两次,所以当它为空时,它会被重定向,而不会等待第二次。我是个新手,如果有人能帮我,那就太好了。我已经花了几个小时来解决这个问题。 import React, { Component, useEffect, useState } from 'react'
import Field from './field'
import {Redirect} from 'react-router-dom'
export default function FieldList(pr
我检查过这里和这里,但这对我有帮助。我使用的反应路由器版本4,当我试图运行控制台时,也没有显示任何东西或我的页面。请帮帮我,我在这里放了一个控制台,它也没有打印任何东西,这意味着我的headerContainer,它自己,没有被渲染,这里是我的index.js
import ReactDOM from 'react-dom';
import React from 'react';
import { Provider } from 'react-redux';
import configureStore from './stores/co
我有一个带有.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)
我得到了一个错误:
Error: Invariant failed: You should not use <Switch> outside a <Router>
但让我发疯的是,我的“开关”标签实际上被“BrowserRouter”包围着。
import {BrowserRouter, Route} from "react-router-dom";
import {Switch} from "react-router";
....
function App() {
return (
<AuthContext
这就是我要犯的错误,
Uncaught Error: Invariant failed: You should not use <Link> outside a <Router>
at invariant (tiny-invariant.esm.js:12:1)
at Link.js:89:1
at updateContextConsumer (react-dom.development.js:21207:1)
at beginWork (react-dom.development.js:21652:1)
at HTMLUnknownElement.callCallba
嗨,我在react中映射url有困难。我是完全新的反应js。我正在尝试将组件呈现到我的App中,当我呈现组件时,事情进行得很好,但是当我试图将它呈现为一个路由时,我尝试了这个错误,我尝试了一些可用的解决方案堆栈溢出,比如导入它作为‘react.i’,路由而不是Route,但是仍然无法修复这个bug.please指南来修复这个错误。
enter code here
import {
BrowserRouter as Router,
Route,
} from "react-router-dom";
import './App.css';
import
我有一个<UserListComponent />,它输出一个<Contact />组件和由<Contacts />表示的联系人列表。
问题是,在对<UserListComponent />的测试中,当我尝试挂载它时,test输出一个错误Invariant Violation: You should not use <Route> or withRouter() outside a <Router>
<Contacts />组件中使用了withRouter()。
如何在父组件测试中模拟没有路由器的Contact
我收到了错误消息Target container is not a DOM element。利用webpack。
全错误:
FAIL src/App.test.js
● Test suite failed to run
Invariant Violation: Target container is not a DOM element.
at invariant (node_modules/fbjs/lib/invariant.js:42:15)
at legacyRenderSubtreeIntoContainer (node_modules/react-dom/cjs/re
我制作了复杂的react应用程序,但在aws放大上部署了它之后,我不知道为什么会出现这些错误,在本地,这是错误日志。
Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at j (react.production.min.js:18)
我目前正在尝试使用function路由器v4将我的导航条与v4()函数分离开来。但是,如何使用新的react路由器v4和链接组件将导航条移动到单独的文件?
我的应用程序client.js的起点
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { BrowserRouter as Router, Route, Link} from 'react-router-dom'
我尝试使用jest运行测试,但它因错误而中断: Invariant Violation: Native module cannot be null.
at invariant (node_modules/invariant/invariant.js:40:15)
at RNFBNativeEventEmitter.NativeEventEmitter (node_modules/react-native/Libraries/EventEmitter/NativeEventEmitter.js:36:7)
at new RNFBNativeEventEmi
也许这个问题是因为新版本的react路由器有几天的时间,但是我一直在阅读这个问题,我想澄清一下发生了什么。我正在使用react路由器的最后一个版本,我想通过redux完成路由。我遵循redux路由器模块:文档中列出的步骤,但在实现时会收到此错误:(我知道问题在服务器呈现中)
Invariant Violation: Browser history needs a DOM
下面是我的代码(重要的部分):
server.js
import { Provider } from 'react-redux';
import store from './store';
l