Tag: reactjs

使用express和es6来渲染反应和jsx服务器端: 我试图连接一个最小的概念certificate来渲染一个单一的React组件服务器端。当我运行我的应用程序，我得到一个错误： SyntaxError: express.js: Unexpected token (10:41) 违规的路线是： > 10 | res.send(ReactDOMServer.renderToString(<Component msg={msg} />)); | ^ 这是我的package.json ： { "name": "ssrReact", "version": "1.0.0", "main": "index.js", "license": "MIT", "scripts": { "start": "nodemon express.js –exec babel-node –presets es2015,stage-2" }, "dependencies": { "express": "^4.14.1", "react": "^15.4.2", "react-dom": "^15.4.2" }, "devDependencies": { "babel-cli": "^6.22.2", "babel-preset-es2015": "^6.22.0", "babel-preset-stage-2": "^6.22.0", "nodemon": […]

反应未定义错误的水平时间轴距离: 我试图在我的反应应用程序中使用反应水平时间线，但我得到的错误（指向行水平timeline.js＃379）： Uncaught TypeError: Cannot read property 'distance' of undefined 我的代码包括： import React, { Component } from 'react'; import HorizontalTimeline from 'react-horizontal-timeline'; class Foo extends Component { state = { value : '01-01-1990', previous: 0 }; render(){ const VALUES = ['20-04-1991']; return(){ <div> <HorizontalTimeline values={VALUES} indexClick={(index) => { this.setState({value: index, previous: this.state.value}); }} /> <div> […]

如何避免被大量的框架和新版本的JavaScript所淹没？: 首先，我学习了HTML，CSS，JavaScript（es5，我相信我有一个坚实的基础，像事件循环，提升，closures，绑定等），然后jQuery，PHP的理解。然后我开始使用框架。用ReactJS构build了一些页面（真正喜欢单向的，把所有东西都分解成组件结构），用Slim构build了一个平静的API。然后我意识到ES6已经出现了一段时间了，现在我应该把所有的React代码转换成这个。我还了解了requireJS和Flux（devise模式），redux（但我需要NodeJS甚至开始）。还有很多其他的框架。我只是被所有这些不知所措，我不知道从哪里开始或使用什么，例如：我应该使用requireJS还是只学习ES6导入/导出，或者我应该使用nodeJS？有时甚至很难理解从Git的例子，他们的文件都在不同的文件夹。我应该学习什么其他的框架，AngularJS，backboneJS？我有一个计算机科学学位，只想进入一个初级的Web开发人员职位，我需要一份工作。但是我觉得新的框架还在继续，当我赶上的时候，新的框架会出来，我怎么会进入这个领域呢？我绝望了，请有知识的人给我一些方向？我真的需要build议，不知道谁在这里旁边或在哪里问。

为什么当我们已经准备好后端时，我们需要Express服务器: 我对JavaScript和Web应用程序环境相当陌生。我见过一个反应Web应用程序项目，有一个公共目录，一个客户端目录和一个服务器目录。我有几个问题为什么我们需要在前端项目中安装一个快速的服务器文件，如果我们已经准备好了后端API和后台服务器就绪我们是否需要一个快速服务器，如果我们使前端响应，并调用API来获取应用程序的数据。前端项目中的后端服务器和快速服务器是不一样的？

Heroku部署react（Node）应用程序时出错: 我有麻烦部署反应的应用程序heroku。我使用以下样板作为起点： https ： //github.com/reactGo/reactGo ，但我将它与现有的应用程序相结合。我在本地进行了testing，运行/构build正常，但是heroku给了我以下错误： 2017-05-10T21:43:07.399992+00:00 heroku[web.1]: Error R10 (Boot timeout) -> Web process failed to bind to $PORT within 60 seconds of launch 2017-05-10T21:43:07.400522+00:00 heroku[web.1]: Stopping process with SIGKILL 2017-05-10T21:43:07.615526+00:00 heroku[web.1]: Process exited with status 137 2017-05-10T21:43:07.631086+00:00 heroku[web.1]: State changed from starting to crashed 2017-05-10T21:43:07.632321+00:00 heroku[web.1]: State changed from crashed to starting […]

传递数据在ExpressJS + Reactjs中查看: 我有一个应用程序，部分是用twitterlogin。成功login后，我通常会将用户数据传递给模板 app.get('/', function(req, res, next) { log("The Home page has the user info: ", req.session.user); res.render('pages/home', { app: 'home', user: req.session.user || '' }); }); 然后，您可以基于user数据呈现模板。但是在React中，如何在login后将这些数据传递给组件？我正在考虑将数据直接放入浏览器，但我对此没有信心。 <script type="javascript"> var user = #{user} </script> 你怎么想？？谢谢。

运行示例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 […]