Articles of reactjs

在Heroku上启用https

我有一个在Heroku上运行的应用程序,带有一个简单的API的Node.js后端和一个React.js前端。 请求代理到后端( http://localhost:5000 )。 当我从React ping API时,出现以下错误: Mixed Content: The page at 'https://**.herokuapp.com/users' was loaded over HTTPS, but requested an insecure resource 'http://localhost:5000/api/users'. This request has been blocked; the content must be served over HTTPS. 我怎样才能使资源安全?

React Highcharts包括插件

我已经安装了react-highcharts(npm),以便将Highcharts用于我的项目。 一切正常,除了导入插件。 例如,当我inputhighcharts-regression时 ,控制台给出了一个 ReferenceError:Highcharts没有定义。 import ReactHighcharts from 'react-highcharts'; import './static/highcharts-regression.js'; 这似乎不是很难解决,所以我试图做他们在他们的文档相同: require('./static/highcharts-regression.js')(ReactHighcharts.Highcharts); 但是,这并不能解决问题。 在使用react-highcharts, webpack, and Babel?时,还有另外一种方法来包含这个插件react-highcharts, webpack, and Babel?

在Amazon EC2空白页问题上部署Rails + React应用程序

我有轨道5 + react.js的组合应用程序。 我已经在Amazon EC2服务器上部署了它。 应用程序设置完成。 到现在为止没有错误。 问题是“变得空白页” 。 内容不在屏幕上呈现。 节点模块已经安装在服务器上。 来自我的package.json文件的代码 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "webpack": "./node_modules/.bin/webpack –watch", "heroku-postbuild": "webpack –config webpack.config.prod.js" } 告诉我发生了什么事

/ views和/ lib文件夹之间的区别?

我正在创build一个Express / React应用程序,我正在尝试了解基本的脚手架结构。 在我的根目录中,我有app.js ,当我运行npm run dev时调用脚本来启动一切: "dev": "pm2 start app.js –watch –interpreter ./node_modules/.bin/babel-node" ,就我所知,它相当于node app.js "dev": "pm2 start app.js –watch –interpreter ./node_modules/.bin/babel-node" 在我的app.js我设置了app.set('views', __dirname + '/views'); ,意思是每当一个app.get(…)被调用时,express就会查看指定文件的/views文件夹。 不过,我也有一个/lib文件夹,我见过很多其他项目。 我最终将在/lib/components内制作/lib/components 。 这是否意味着我有内部/views模板将require或从/lib/components import /lib/components ? 为什么不把所有的*.jsx文件保存在一个文件夹中? 或者/views只是为顶级模板..?

configurationNode.js / Express服务器以使用React-Router BrowserRouter

在React Router v4中, 文档提到服务器需要专门configuration为使用BrowserRouter。 你如何configuration你的Node.js / Express服务器来使用BrowswerRouter?

如何删除文件堆栈中的文件反应

我是reactjs和filestack api中新的和即时通讯使用其filestack反应我想知道如何删除文件? 模式是删除,但它继续说句柄是必需的我已经知道,但我不知道如何发送使用这个插件这里是我的代码 <img src={this.state.url} /> <ReactFilestack apikey={this.state.apikey} buttonText="X" mode="remove" options={this.state.handle} handle={this.state.handle} onSuccess={this.removeFile} /> 我如何删除它?

运行webpack部署configuration时如何解决'window is not defined'?

我试图部署一个反应+服务器应用程序到Heroku。 总体目标是使用Heroku dyno作为通用服务器来提供静态资源,并充当我的React应用程序的API端点。 我正在编写一个部署configuration来缩小和遇到一个错误。 它缩小了,但在node dist/bundle.js它给出了以下错误。 ReferenceError: window is not defined 要使用googlemaps api,我有一个Map组件,它将全局窗口对象上的一个函数设置为initMap() ,在Map组件中定义。 并在一个loadJS()引用window.document两次。 正在开发中,它工作正常。 我使用这个post来帮助使Google地图与React协同工作 我怀疑窗口对象是未定义的,因为没有浏览器提供窗口对象。 你能证实我的怀疑吗? 需要什么来弥补这个问题? 脚本在我的package.json文件中 "scripts": { "start": "npm build && node dist/bundle.js", "dev-start": "babel-node server/buildScripts/server.js", "build":"webpack –config ./webpack.deployment.config.js", "test": "echo \"Error: no test specified\" && exit 1" }, webpack.deployment.config.js const path = require('path'); const webpack = require('webpack'); module.exports […]

Socket.io不能在节点服务器上工作

我正在运行一个服务器,它需要做的就是连接到第三方公共socket.iostream。 我有我的反应的应用程序工作,但不能让它在我的服务器上工作。 我使用节点和express.When我运行时,我没有得到任何的错误。 这是我的代码 var express = require("express"); var app = express(); var port = 3000; var io = require('socket.io-client/dist/socket.io'); var socket = io.connect('http://socket.coincap.io', {transports: ['websocket']}); socket.on('trades', function(tradeMsg) { console.log("worked"); }); app.listen(port, () => { console.log("Server listening on port " + port); });

ReactJS:React试图在容器中重用标记,但校验和是无效的错误

我试图插入一个JavaScriptembedded,将加载一个外部脚本。 我正在这样做: class Live extends Component { componentWillMount() { this.setState({ stream: '<script src="https://content.jwplatform.com/players/CcXHdSyi-r6Pl0rxU.js"></script>' }); } render() { return ( <div> <div contentEditable='true' dangerouslySetInnerHTML={{ __html: this.state.stream }}></div> </div> ); } } 我得到的错误是: warning.js?85a7:35警告:React试图在容器中重用标记,但校验和无效。 这通常意味着您正在使用服务器渲染,并且在服务器上生成的标记不是客户期望的。 React注入新的标记来补偿哪些工作,但是你已经失去了服务器渲染的许多好处。 相反,找出为什么客户端或服务器上生成的标记是不同的:(客户端)“data-reactid =”1“> 为什么发生这种情况?

无法parsing模块“react”

我克隆了https://github.com/oblador/react-native-progress 在示例文件夹上: npm i react-native run-ios 但是我得到一个错误,这是错误screenshoot链接: Unable to resolve module react 这是代码: import React, { Component } from 'react'; import PropTypes from 'prop-types'; import { Animated, Easing, View, ViewPropTypes, } from 'react-native'; 为什么我的react模块不能解决,但react native模块可以?