Tag: reactjs

Uncaught（在promise中）TypeError：无法读取未定义的属性'setState': 对我来说，这个错误是相当经常使用axios.can't setstate与未定义的属性。第八我得到实际的回应。我很困惑。任何解决scheme将不胜感激。 json回复由axios回复 [ { main: 1, left: 0, right: 0, top: 0, bottom: 0, cid: 6, '$created': '2016-10-21T11:08:08.853Z', '$updated': '2016-10-22T07:02:46.662Z', stop: 0 } ] code.js import React from 'react'; import ReactDOM from 'react-dom'; import axios from 'axios'; export default class Main extends React.Component{ constructor(props){ super(props); this.state = { status:[] } } componentDidMount(){ this.getdata() } […]

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是什么，请在下面进行注释。