Tag: 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); });