Articles of reactjs

在服务器上呈现react-router v4和redux时,浏览器历史logging需要DOM错误

我试图为我的应用程序服务器呈现内容,使用react-router v4,redux和express,但我得到Browser history needs a DOM在terminalBrowser history needs a DOM错误。 我也使用react-router-config来保持我的路由更有条理。 看到一个解决scheme,build议应该在服务器上创build存储,所以我试图从store.js文件复制代码到服务器,但它没有工作。 我能做些什么来解决这个非常不愉快的错误? routes.js const routes = ( { component: App, routes: [ { path: '/', exact:true, component: Home }, { path: '/login', exact:true, component: Login }, { path: '/registration', exact:true, component: Registration }, { path: '/person/:id', exact:true, component: UserPage }, { path: '/myPage', exact:true, […]

请问react-router会影响页面加载时间吗?

例如,如果在routes.js文件中有3个路由,而在同一个文件中有10个路由。 包含10个路由的文件是否需要较长时间才能加载? 假设每个路由都导入相同大小的组件。 或者我们进入路线后,组件将被导入?

React-native:Undefined不是一个对象…当使用'react-native-tts'

我想使用文本来发言我的反应原生的应用程序,所以我导入了反原生tts import React from 'react'; import { StyleSheet, View, TouchableHighlight, Image } from 'react-native'; import Tts from 'react-native-tts'; export default class App extends React.Component { constructor(props) { super(props); this._pressConfig = this._pressConfig.bind(this); this._pressPlay = this._pressPlay.bind(this); } _pressConfig() { console.log("pressed"); } _pressPlay() { Tts.speak("Hello world"); } render() { return ( <View style={styles.container}> <View style={styles.navigation}> <TouchableHighlight onPress={this._pressConfig}> <Image […]

CORS问题从React应用程序>节点服务器>redirect到Google OAuth2身份validation发出AJAX请求

嗨,我一直在敲我的头研究这个过去2天没有运气。 这是我从React应用程序@localhost:3000尝试使用Google Oauth2 Passport策略进行身份validation时遇到的错误。 我运行一个单独的应用程序与本地主机上的节点/快递服务器:3001。 XMLHttpRequest无法加载http:localhost:3001 / api / auth / google / login。 从“http:localhost:3001 / api / auth / google / login”redirect到“https:accounts.google.com/o/oauth2/v2/auth?response_type = code&redirect_uri = http%3A%2F%2Flocalhost%3A3001%2Fapi %2Fauth%2Fgoogle%2Fcallback&scope = https%3A%2F%2Fmail.google.com&client_id = ***。apps.googleusercontent.com'has been blocked by CORS policy:No'Access-Control-Allow-Origin'header is present on请求的资源。 原因'http:localhost:3000'因此不被允许访问。 createError.js:16 未被捕获(承诺)错误:在XMLHttpRequest.handleError的createError(createError.js:16)处的networking错误(xhr.js:87) 这是在我的客户端使用的代码尝试从我的组件之一login: //button <div> <button className="btn btn-danger" onClick={props.googleAuth}> Login With Google </button> </div> […]

如何从外部导入webpack条目文件的默认导出?

我想我最好用代码来解释它。 我在webpack中有一个文件,如下所示: import ReactDOMServer from 'react-dom/server'; import Server from './server'; import templateFn from './template'; export default (req, res) => { const reactString = ReactDOMServer.renderToString(<Server />); const template = templateFn(html); res.send(template); }; 我也有一个明确的应用程序,我想要访问默认的导出function。 如果有什么区别,这个文件就是webpack的入口文件。 这是我在我的快速应用程序中尝试的: const handleRequest = require(path.resolve(webpackConfig.output.path, webpackConfig.output.filename)); app.get('*', (req, res) => { console.log(handleRequest); }); 我试图导入webpack生成的文件,希望能够访问条目文件的默认导出。 那么,我错了,因为导入的输出是{} 。 有一个webpack插件或某种技术来做我想要build立的? 我不希望快速应用程序成为webpack构build的一部分。 这是我以这种方式分离代码的主要原因。

ModuleBuildError:模块构build失败:错误:在Docker中运行时找不到模块“os-homedir”

这里是完整的错误日志: './src/components/app/app.scss\nModule生成失败:ModuleBuildError:模块生成失败:错误:在Function.Module._resolveFilename(module.js:485:无法findmodule \'os-homedir \ 15)\ n在Function.Module._load(module.js:437:25)\ n在Module.require(module.js:513:17)\ n在require(internal / module.js:11:18)在对象n。 (/var/app/node_modules/cosmiconfig/index.js:4:17)\n在Module._compile(module.js:569:30)\ n在Object.Module._extensions.js(module.js:580 :module.js:458:3)在module.load(module.js:503:32)\ n上,在nModuleLoad(module.js:466:12)在/var/app/node_modules/loader-runner/lib/LoaderRunner.js:364:11 \ n上的runLoaders(/var/app/node_modules/webpack/lib/NormalModule.js:194:19)\n /app/node_modules/loader-runner/lib/LoaderRunner.js:170:18\n在loadLoader(/var/app/node_modules/loader-runner/lib/loadLoader.js:27:11)\n在iteratePitchingLoaders(/ var / app / node_modules / loader-runner / lib / LoaderRunner.js:169:2)\ n在iteratePitchingLoaders(/var/app/node_modules/loader-runner/lib/LoaderRunner.js:165:10)\n at / var / app / node_modules / loader-runner / lib / LoaderRunner.js:173:18 at loadLoader(/var/app/node_modules/loader-runner/lib/loadLoader.js:36:3)\n at iteratePitchingLoaders( /var/app/node_modules/loader-runner/lib/LoaderRunner.js:169:2)\n在runLoaders(/ var / app / node_modules / loader-runner / […]

NodeJS / express:开始运行一段时间后服务器被挂起

我用express和webpack做了我的服务,一开始它运行良好。 奇怪的是,一段时间后,服务(服务器)将挂起。 如屏幕截图所示,没有收到消息代码。 (服务器消息截图)而这种情况一再发生。 我的app.js var express = require('express'); var path = require('path'); var favicon = require('serve-favicon'); var logger = require('morgan'); var cookieParser = require('cookie-parser'); var bodyParser = require('body-parser'); var index = require('./routes/index'); var users = require('./routes/users'); var app = express(); var mysql = require('mysql'); var generals = require('./routes/generals'); // view engine setup app.set('views', path.join(__dirname, […]

用于生成PDF的React JS / Node JS / Java RESTful API

我有一个要求,能够生成和下载我们的应用程序(支持所有国际市场)的dynamicPDF,CSV文件。 我们使用React JS(部署在Node JS服务器上),后端数据由Java Restful API提供。 生成这些文件的最佳方法是什么(客户端与服务器端)。 React JS是否应该根据java REST API提供的数据生成文件(pdf,csv),或者Java Rest API是否应该公开资源来生成和提供基于客户需求的文件(Base 64string)。 有没有一种方法可以在这里利用Node JS? 我想考虑性能,CPU使用率,因为数量会很高。 我可以使用哪些开源库?

如何将id和body添加到axios.PUT请求?

我正在用REACT使用axios,并想知道如何使用它来通过我设置的后端节点/ express API来更新对象的put请求。 我需要能够通过id和body ,不知道如何这样做。 axios.put('/api/profile', id, body) .then(response => { console.log(response.data); }) .catch(err => { console.log(err); }); 我不认为这将工作,因为它需要put(url, data, {headers})

如何在节点的Axios调用中检索远程IP地址

我想在Node中进行axios调用时,获得parsing的远程URL的IP地址。 请参阅下面的***评论。 提前感谢! axios.get('http://www.example.com') .then(function (response) { // *** How can I get the resolved IP address of www.example.com here }) .catch(function (error) { console.log(error); });