Tag: reactjs

Office结构ui节点服务器中的服务器端呈现: 我正在做一个单一的MERN应用程序的培训，我虽然使用Office Frabric UI可能是一个好主意。我正在使用服务器端渲染为我的应用程序，但我收到此错误时，我使用一个<Fabric>组件： /home/salahaddin/Proyectos/Tutorials/full-stack-js-lynda/node_modules/@microsoft/load-themed-styles/lib/index.js:277 var head = document.getElementsByTagName('head')[0]; ^ ReferenceError: document is not defined at registerStyles (/home/salahaddin/Proyectos/Tutorials/full-stack-js-lynda/node_modules/@microsoft/load-themed-styles/lib/..\src/index.ts:390:33) at applyThemableStyles (/home/salahaddin/Proyectos/Tutorials/full-stack-js-lynda/node_modules/@microsoft/load-themed-styles/lib/..\src/index.ts:243:7) at /home/salahaddin/Proyectos/Tutorials/full-stack-js-lynda/node_modules/@microsoft/load-themed-styles/lib/..\src/index.ts:183:7 at measure (/home/salahaddin/Proyectos/Tutorials/full-stack-js-lynda/node_modules/@microsoft/load-themed-styles/lib/..\src/index.ts:121:3) at Object.loadStyles (/home/salahaddin/Proyectos/Tutorials/full-stack-js-lynda/node_modules/@microsoft/load-themed-styles/lib/..\src/index.ts:167:3) at Object.<anonymous> (/home/salahaddin/Proyectos/Tutorials/full-stack-js-lynda/node_modules/@uifabric/utilities/src/scroll.scss.ts:3:1) at Module._compile (module.js:641:30) at Module._extensions..js (module.js:652:10) at Object.require.extensions.(anonymous function) [as .js] (/home/salahaddin/Proyectos/Tutorials/full-stack-js-lynda/node_modules/babel-register/lib/node.js:152:7) at Module.load (module.js:560:32) [nodemon] app crashed – waiting for file changes […]

Webpack不会重新加载页面: npm run dev工作正常，但它不会重新加载页面进行更改时。我也尝试使用localhost:8080/webpack-dev-server/index.html并且页面不再刷新。我完全是NodeJS的新手，完全不知道如何解决这个问题。我花了几个小时尝试不同的事情，因为这很困难，我差点stream泪。文件夹结构： Project – node_modules – src – js – components – pages – client.min.js – index.html – package.json – package-lock.json – webpack.config.js 的package.json： { "name": "react-tutorials", "version": "0.0.0", "description": "", "main": "webpack.config.js", "dependencies": { "babel-core": "^6.17.0", "babel-loader": "^6.2.0", "babel-plugin-add-module-exports": "^0.1.2", "babel-plugin-react-html-attrs": "^2.0.0", "babel-plugin-transform-class-properties": "^6.3.13", "babel-plugin-transform-decorators-legacy": "^1.3.4", "babel-preset-es2015": "^6.3.13", "babel-preset-react": […]

在AWS上部署反应Web应用程序: 我期待在AWS上部署我的nodejs React Web应用程序。目前，我在微软的Azure上部署了我的应用程序，这非常简单。我只需要添加一个应用程序服务，并给我的git存储库作为源。这照顾了托pipe我的应用程序。我没有办法像在AWS上那样做。我正在寻找类似的东西。我应该如何在AWS中做到这一点？

SSL证书 – 禁用axios中的validation并作出反应: 我试图在使用axios的应用程序中使用API。该API通过使用自签名证书的HTTPS进行工作。到目前为止，连接时出现以下错误： net::ERR_INSECURE_RESPONSE bundle.js:65253 HTTP Failure in Axios Error: Network Error at createError (bundle.js:2188) at XMLHttpRequest.handleError (bundle.js:1717) 我尝试了以下，但没有成功： import axios from 'axios'; const https = require('https'); const agent = new https.Agent({ rejectUnauthorized: false, }); const client = axios.create({ //all axios can be used, shown in axios documentation baseURL: process.env.REACT_APP_API_URL, responseType: 'json', withCredentials: true, httpsAgent: […]

React没有导出的成员LinkHTMLAttributes: 我正在使用vs2017，npm和webpack构build一个反应的应用程序。由于在我的标题中描述的错误，我无法获得vs构build我的解决scheme：错误TS2694 Build：Namespace'React'没有导出的成员'LinkHTMLAttributes'。 SpyStore.React C：\ Work \ Development \ React \ Spystore \ SpyStore.React \ SpyStore.React \ node_modules \ @types \ react-router \ lib \ Link.d.ts 10 Js文件：\ node_modules \ @types \ react-router \ lib \ Link.d.ts import * as React from 'react'; import Router from './Router'; declare const Link: Link; type Link = […]

反应与快速后端和快速应用程序的应用程序: 我目前有一个React应用程序（通过create-react-app ）和一个用于我的API调用的Express服务器。他们都分开运行，一直工作正常，直到我碰到这个问题：我也使用express-session和passport进行用户authentication。我能够authentication用户，但会话不会持续在API调用之间。如果我成功login，下次进行API调用时， req.sessionID将会不同， req.isAuthenticated()将返回false 。这是我的服务器代码： 'use strict' var express = require('express'); var path = require('path'); var bodyParser = require('body-parser'); var cookieParser = require('cookie-parser'); var mongoose = require('mongoose'); var passport = require('passport'); var session = require('express-session'); var cors = require('cors'); var flash = require('connect-flash'); var store = require('./store'); var database = […]

为什么不反应游戏套件应用程序在heroku中工作？: 我已经部署反应游戏套件到Heroku。但是，在部署成功后，加载应用程序URL时出现此错误（例如： https ： //jincowboy-okan.herokuapp.com/ ）应用程序错误应用程序发生错误，您的页面无法送达。如果您是应用程序所有者，请查看日志以获取详细信息。

App组件刷新时丢失currentUser？: 我目前正在使用React， Node.js ，passport-google-oauth20来开发一个简单的web应用程序。出于某种原因，无论何时应用程序重新装入，我都将失去当前的用户状态。就好像req.user只是丢失了一样。它的工作方式是当应用程序挂载时，首先获取当前用户，并将this.state.currentUser设置为结果。问题是页面刷新的时候。组件重新挂载，我失去了用户。我试图logging用户，并收到空。希望我解释得很好…这是代码：应用组件： import React from 'react'; import List from './List'; import ListForm from './ListForm'; import * as helpers from '../helpers'; class App extends React.Component{ state = { currentUser: '', } componentDidMount() { helpers.fetchUser() .then(data => { this.setState({ currentUser: data }); }); } onSubmit = (id, item) […]

在WebView中反应ssr速度: 我使用ReactJS创build了一个反应式Web应用程序。它可以做SSR 。每个浏览器都可以，但是只能在webview中缓慢加载它只发生在ReactJS 。 spring开发的Web应用程序没有这个问题。它可以一次加载页面。这意味着，每个内容都一次出现（图像除外）。但是这个ReactJS应用程序（使用Node ）不是。即使认为它是文本，它不是一次加载…它一步一步加载。我们的应用链接是https://play.google.com/store/apps/details?id=com.seeon.hotplace&hl=ko 如果你有时间，请检查我的应用程序的现象 input应用程序，然后点击任何图片。那么你可以看到我说的这个现象。那么..我要检查什么？我真的想解决这个现象，但是我不知道该怎么检查。

反应reduxasynchronousmapStateToProps: 当在componentDidMount ， mapStateToProps调用mapDispatchToProps函数的时候， mapStateToProps totalDoctorCount: state.doctors.totalDoctorCount不会总是按时加载，我会在console.log("this.props.totalDoctorCount: "+this.props.totalDoctorCount );得到undefined结果console.log("this.props.totalDoctorCount: "+this.props.totalDoctorCount ); 。我知道这是async的本质，但有没有办法解决这个问题，我在这里做错了什么。完整代码： doctorActions export function getDoctors(filterType){ return function(dispatch){ axios.get("/api/doctors/"+filterType) .then(function(response){ dispatch({type:"GET_DOCTORS",payload:response.data}); }) .catch(function(err){ dispatch({type:"GET_DOCTORS_REJECTED",payload:err}); }) } } export function getTotalDoctors(){ return function(dispatch){ axios.get("/api/getTotalDoctors/") .then(function(response){ dispatch({type:"TOTAL_DOCTORS",payload:response.data}); console.log(response.data); }) .catch(function(err){ //console.log(err); dispatch({type:"TOTAL_DOCTORS_REJECTED",payload:"there was an error rortal doctors"}); }) } } doctorReducer export function doctorsReducers(state={ doctors:[], }, […]