Articles of reactjs

webpack使用nodejs

我是新的反应。 我只是开始学习reactjs。 我在nodejs中使用webpack有问题。 我想创build将运行webpack文件的节点服务器。 我有webpack文件: const {resolve} = require('path'); const webpack = require('webpack'); const validate = require('webpack-validator'); const {getIfUtils, removeEmpty} = require('webpack-config-utils'); module.exports = env => { const {ifProd, ifNotProd} = getIfUtils(env) return validate({ entry: './index.js', context: __dirname, output: { path: resolve(__dirname, './build'), filename: 'bundle.js', publicPath: '/build/', pathinfo: ifNotProd(), }, devtool: ifProd('source-map', 'eval'), devServer: { […]

你怎么用Axios发送图像到节点js?

有没有办法发送图像(或单个图像)的数组使用axios的节点? 我使用的axios代码(我在前端使用了js): onFormSubmit(event){ event.preventDefault(); let payload = this.state; console.log("in onFormSubmit!!! with state: ", this.state, "and payload: ", payload); axios.post('/api/art', payload) .then(function(response){ console.log('saved successfully') }); 我所做的研究表明,也许有没有支持的方式发送图像文件到使用axios的节点,但这对我来说似乎很奇怪。 有没有办法?

在webpack上使用google-api-nodejs-client进行grunt构build时的错误

我在ReactJS Webpack应用程序中使用https://www.npmjs.com/package/googleapis 。 它有一个警告,这是一个alpha版本,所以问题是可以预料的,这是我所拥有的。 npm install googleapis –save已安装好的googleapis ,添加"googleapis": "^2.0.2"到我的package.json,但是当我运行grunt build我得到了以下警告(后面有很多我将要发布的错误请求,因为它是很多文字): WARNING in ./~/googleapis/apis/index.js Critical dependencies: 41:23-44 the request of a dependency is an expression @ ./~/googleapis/apis/index.js 41:23-44 WARNING in ./~/googleapis/~/request/~/hawk/~/hoek/lib/index.js Critical dependencies: 403:34-60 the request of a dependency is an expression @ ./~/googleapis/~/request/~/hawk/~/hoek/lib/index.js 403:34-60 ~/googleapis/apis/index.js的违规行是: var Endpoint = require(endpointPath); 我得到的错误之一: ERROR in ./~/googleapis/~/request/~/hawk/~/hoek/lib/index.js Module […]

如何在服务器端渲染图像?

如何使用React在服务器端渲染图像和css文件? 这是我的服务器代码: const express = require('express') const router = express.Router() const ReactDOM = require('react-dom/server'); import Master from '../../../client/Master' router.get('/', (req, res) => { res.render('test.html', {reactOutput: ReactDOM.renderToString(<Master/>)}); }); 主要组件: import React from "react"; import Intro from "./pages/Intro"; import Footer from "./components/Footer"; import Header from "./components/Header"; export default class Master extends React.Component { constructor() { super(); this.state […]

wepack-isomorphic-tools vs process.env.BROWSER

我已经读了关于同构的应用程序开发,我已经看到了在服务器端处理资源加载的方法。 一个是webpack-isomorphic-tools 。 另一个就是这个“hack”,你在webpack中定义了一个将process.env.BROWSER设置为true的插件,并根据这个variables加载资源。 即: if(process.env.BROWSER){ require('./styles.scss'); } 我想知道,哪个更好,为什么?

诺克不拦截我的请求

我正在尝试使用karma服务器和nock来创build一些基本的testing。 看来nock并没有拦截我的请求,有没有人有想法? 我无法弄清楚什么是缺less的。 我仍然获得真实的数据。 nock('https://api.github.com/users/' + username).log(console.log) .get('/') .query(true) .reply(400, { statusMessage: 'Bad Request', foo: 'foo' }) http.get('https://api.github.com/users/' + username, function(res) { console.log('res', res) }) 我也加了这个中间件 const middlewares = [thunk]; const mockStore = configureStore(middlewares); ======更新6月6日====== 整个stream程使用react-redux这是我的testing: import configureStore from 'redux-mock-store'; import thunk from 'redux-thunk'; import axios from 'axios'; import expect from 'expect'; import * as […]

在安装React-Native时,npm错误“标题内容包含无效字符”?

$ sudo npm install –g react-native-cli npm ERR! addLocal Could not install /usr/local/bin/–g npm ERR! Darwin 14.5.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "–g" "react-native-cli" npm ERR! node v6.2.2 npm ERR! npm v2.14.7 npm ERR! The header content contains invalid characters npm ERR! npm ERR! If you need help, you may report this error at: […]

通用反应渲染与CDN和heroku

尝试设置服务器端(通用,同构)呈现的反应应用程序,该应用程序通过CircleCI使用Heroku为node / express应用程序部署,Cloudfront作为CDN部署。 我有一些麻烦概念化这将如何工作。 stream量似乎非常简单,除了几个部分。 一旦我们将构build的资产部署到像CloudFront这样的CDN,我们如何将它们连接到位于Heroku上的index.html文件? (这个索引文件是由Heroku节点应用程序构build的,并作为服务器端渲染的基础)。 但我希望它包含CDN资产的链接,而不是Herokubuild立的资产。 (CircleCi运行webpack,一旦部署,Heroku也是如此) 有没有人遇到过这个?

NPM:npm install挂接在fetchMetaData – > addTmpTa上

我下载了一个react js Github项目,并尝试npm install在这个项目上。 npm install fetchMetaData -> addTmpTa在fetchMetaData -> addTmpTa 。 我的networking连接是好的,试图在谷歌search这个问题,但无法find任何东西。 任何帮助将不胜感激。 如果你在安装过程中知道addTmpTa是什么,请在下面进行注释。

反应路由器 – BrowserHistory.Push VS. ContextTypes

我正在完成一个高级的react / redux教程,并在教程中使用browserHistory.push链接到一个路线,而不是用于创build一个名为contextTypes的静态类variables的前一个方法,并设置它等于类似React.PropTypes.blah等等等等。 那和使用browserHistory.push有什么区别? 与设置上下文types相反,browserHistory.push似乎更容易作为程序重新路由。 谢谢!