Articles of reactjs

运行示例Reapp项目时出错

我只是试图build立我的第一个Reapp项目,但在第一个障碍失败。 我得到一个黑屏404控制台错误的main.js没有find。 以下是我在重新生成时reapp run -d的错误reapp run -d : Building with Webpack… Webpack server on http://localhost:3011 Hash: e779570c713250e7b167 Version: webpack 1.12.9 Time: 823ms Asset Size Chunks Chunk Names main.js 21.6 kB 0 main chunk {0} main.js (main) 52 bytes [rendered] [0] multi main 52 bytes {0} [built] [3 errors] ERROR in multi main Module not found: […]

使用Node.js在服务器上进行HTML渲染

假设我有一个网页,其中只包含一个javascript引用。 当一个浏览器加载页面时,它运行的是实际呈现的javascript。 javascript很大,很复杂,并且会进行大量的XHR调用。 现在我需要使这个页面可search ,即呈现在服务器上的页面。 我试图加载页面phantomJS但它是缓慢的,有时并没有完成整个页面。 所以我想知道是否有其他select。 理想情况下,我需要一个node.js脚本 通过URL加载网页 运行的JavaScript页面,然后 将由javascript创build的DOM序列化为HTML。 PS我可以假设JavaScript是基于React.js

React元素不呈现

我一直在尝试使用React渲染一个简单的元素。 出于某种原因,非常相似的例子工作,但我的代码不能工作。 我看不出任何错误,请问你能指教我吗? <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello React</title> <script src="https://fb.me/react-0.14.6.js"></script> <script src="https://fb.me/react-dom-0.14.6.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> </head> <body> <div id="example"></div> <script type="text/babel"> var ExampleElement = React.createClass({ render : function() { return (<p>P</p>); }; }); React.render(<ExampleElement/>, document.getElementById('example')); </script> </body> </html>

这个ReactRouter.match()实现有什么问题?

我试图通过快递从我的服务器提供反应。 我得到的错误,当我打本地主机:3000是: TypeError: (0 , _reactRouter.match) is not a function at /Users/chris/code/affordance/app/server.js:20:3 这是server.js文件: import path from 'path'; import { Server } from 'http'; import Express from 'express'; import React from 'react'; import { renderToString } from 'react-dom/server'; import { match, RouterContext } from 'react-router'; import routes from './routes'; import NotFoundPage from './components/NotFoundPage'; // Initialize the […]

无法在反应中继中获取列表

我正在遵循这里提到的相同的架构 我想要获取所有用户,所以我更新了我的模式 var Root = new GraphQLObjectType({ name: 'Root', fields: () => ({ user: { type: userType, resolve: (rootValue, _) => { return getUser(rootValue) } }, post: { type: postType, args: { …connectionArgs, postID: {type: GraphQLString} }, resolve: (rootValue, args) => { return getPost(args.postID).then(function(data){ return data[0]; }).then(null,function(err){ return err; }); } }, users:{ type: new […]

Electron和Webpack ENOENT:没有这样的文件或目录,打开“/path.txt”

我是一个初学者试图使用与Webpack捆绑在一起的Electron(以前的Atom)和Reactjs。 一切工作正常,直到我试图使用Electron的远程模块访问我的React组件中的mainWindow。 尝试导入这个模块,我得到臭名昭着的错误: Uncaught Error: ENOENT: no such file or directory, open '/path.txt' 我试过重新安装电子,我检查了node_modules / electron,发现path.txt在那里。 这是我的webpack.config.js: var webpack = require('webpack'); module.exports = { context: __dirname, entry: { app: ['webpack/hot/dev-server', './src/App.jsx'], }, target: 'node', output: { path: './public/built', filename: 'bundle.js', publicPath: 'http://localhost:8080/built/' }, devServer: { contentBase: './public', publicPath: 'http://localhost:8080/built/' }, module: { loaders: [ { […]

需要反应本地模块

我被困在一个反应​​本地项目的问题。 我试图做一个普通的需求文件,我出口所有的模块。 之后,我想只需要我的“require.js”文件,以避免在每个文件中这样require('../../ ModuleName')的调用。 我有4个文件: index.ios.js /app/home.js /app/MyView.js /app/require.js require.js: module.exports = { Home: require('./home'), MyView: require('./MyView') } 在index.ios.js中(他的模块Home和MyView正在正确导入) 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var { Home, MyView } = require('./app/require'); class Test_require extends React.Component { render() { return( <Home /> ); } } AppRegistry.registerComponent('Test_require', […]

Axios post request.body是空的对象

我正在尝试从我的反应中发布数据。 后端 – expression。 这是后端代码: var express = require('express'); var app = express(); var bodyParser = require("body-parser"); var methodOverride = require("method-override"); var mongoose = require("mongoose"); var expressSanitizer = require("express-sanitizer"); mongoose.connect("mongodb://localhost/blog-react"); //app config app.set("view engine", "ejs"); app.use(express.static("public")); app.use(bodyParser.urlencoded({extended: true})); //must be after parser app.use(expressSanitizer()); app.use(methodOverride("_method")); //schema config var blogSchema = new mongoose.Schema({ title: String, image: String, […]

React Jest示例不起作用

试图运行JesttestingReact代码的示例(从https://github.com/facebook/jest/tree/master/examples/react ),我得到以下错误: > @ test /home/aizquier/jest/examples/react > jest Using Jest CLI v0.7.1 FAIL __tests__/CheckboxWithLabel-test.js ● Runtime Error SyntaxError: /home/aizquier/jest/examples/react/__tests__/CheckboxWithLabel-test.js: Unexpected token (15:6) npm ERR! Test failed. See above for more details. testing在文件CheckboxWithLabel-test.js的第15行失败: jest.dontMock('../CheckboxWithLabel'); import React from 'react'; import ReactDOM from 'react-dom'; import TestUtils from 'react-addons-test-utils'; const CheckboxWithLabel = require('../CheckboxWithLabel'); describe('CheckboxWithLabel', function() { it('changes the text […]

Webpack:如何使用webpack-dev-server编译,写入磁盘并提供静态内容(js / css)

我想构build我的js / css代码,将它写在磁盘上,并使用webpack-dev-server在一个命令中提供。 我不想为生产模式设置另一台服务器。 我们该怎么做呢? 在下面分享我的webpack.config.js文件内容: module.exports = { watch: true, entry: [ './src/index.js' ], output: { path: __dirname +'/dist/', publicPath: '/dist/', filename: 'bundle.js' }, module: { loaders: [ { exclude:/(node_modules)/, loader: 'babel', query: { presets: ['es2015', 'react'] } } ] }, devServer: { historyApiFallback: true, contentBase: './' } }; 请在下面的package.json中find启动脚本: "start": "webpack-dev-server –progress –colors" […]