Articles of reactjs

webpack当试图编译反应时退出状态4294967295

我正在尝试创build我的第一个反应项目并尝试一个教程。 我基于我的webpackconfigurationclosures该示例项目,但是当我运行webpack,我得到一个错误。 这是npm-debug日志: 0 info it worked if it ends with ok 1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe', 1 verbose cli 'C:\\Users\\daford\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js', 1 verbose cli 'run', 1 verbose cli 'production' ] 2 info using npm@3.8.6 3 info using node@v5.10.0 4 verbose run-script [ 'preproduction', 'production', 'postproduction' ] 5 info lifecycle nestlepronourish@1.0.0~preproduction: nestlepronourish@1.0.0 6 silly lifecycle […]

为什么react.js不认识自己的node.js模块?

我正在尝试为react.js做一个hello world,然而react.js在第3行失败。 该错误是一个参考错误: ReferenceError: Can't find variable: module react.js:3 我认为这是一个节点模块,节点恰好是我所服务的html 。 不完全确定为什么这是…有人打赌下赌注或线索我? 代码非常简单: main.js // main.js var React = require('react'); var ReactDOM = require('react-dom'); ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('example'); ); 的index.html <!DOCTYPE html> <html> <head> <title>Hello React!</title> <script src="node_modules/react/react.js"></script> <script src="node_modules/react-dom/dist/react-dom.js"></script> <script src="main.js"></script> </head> <body> <div id="example"></div> </body> </html>

您应该通过在Babelconfiguration中使用`env`部分禁用生产中的react-transform-hmr

我使用babel-cli来获得jsx和es6的function 我已经改变了我的构build命令 从 "build": "node build", 至 "build": "babel-node build" , 以前一切正常 但是,当我运行生成命令我得到这个错误 错误:locals [0]似乎不是启用热模块replaceAPI的module对象。 您应该通过在Babelconfiguration中使用env部分来禁用生产中的react-transform-hmr。 请参阅自述文件中的示例: https : //github.com/gaearon/react-transform-hmr 也看截图 所以我应该通过在Babelconfiguration中使用env部分来禁用生产中的react-transform-hmr 这是我的.babelrc喜欢的说明 { "presets": ["react", "es2015"], "env": { "development": { "plugins": [ ["transform-object-rest-spread"], ["transform-react-display-name"], ["react-transform", { "transforms": [{ "transform": "react-transform-hmr", "imports": ["react"], "locals": ["module"] }, { "transform": "react-transform-catch-errors", "imports": ["react", "redbox-react"] }] }] ] […]

如何将React.js / React Native Apps连接到Azure App Service的单个后端实例?

我打算创build1)react.js的Web应用程序2)反应原生android / ios应用程序,我想创build一个统一的node.js后端作为一个单一的APInetworking和移动应用程序。 我还想利用Azure的通知中心和身份validation。 对于身份validation,我还需要有自定义的用户名/密码,而不仅仅是社交帐户。 我该怎么办? AAD可以实现吗? 我意识到,虽然Azure对本机iOS / Android应用程序有很好的支持,但它是否支持React / React Native应用程序还不完全清楚。 JavaScript的移动应用程序SDK有多大的帮助? https://azure.microsoft.com/en-us/documentation/articles/app-service-mobile-html-how-to-use-client-library/ 谢谢!

与基于ES6的多个(React)Node.JS模块导入有问题

我一直在研究一个React项目,并且遇到一个问题,试图使用ES6导入几个导出的React节点模块。 这是我的代码: 我应该可以包含hello文件夹中的AddFriendInput和FriendList ,没有任何问题。 但是当webpack / babel编译时出现这个错误: ERROR in ./src/common/containers/Menu/indexRender.js Module not found: Error: Cannot resolve 'file' or 'directory' ../../hello in /Users/markpaul/Documents/projects/patient-portal-app/src/common/containers/Menu @ ./src/common/containers/Menu/indexRender.js 122:13-35 我的AddFriendInput.js文件的内容如下所示: import React, { Component, PropTypes } from 'react'; export default class AddFriendInput extends Component { constructor(props, context) { super(props, context); this.state = { name: this.props.name || '' }; } […]

为什么试图在反应中导入括号'{'是一个意外的标记?

我正在尝试使用Facebook的固定数据表模块,只需按照此页面上的基本示例: https : //facebook.github.io/fixed-data-table/ 但是,当我尝试使用“npm run prod”(运行“npm webpack -p”)来使用webpack捆绑我的文件时,出现以下错误: SyntaxError: Unexpected token: punc ({) [./app/index.js:1,0] 这些只是index.js中的一行: import {Table, Column, Cell} from 'fixed-data-table'; 这就是我的package.json文件的样子: { "name": "datatables", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "prod": "webpack -p", "start": "webpack-dev-server" }, "author": "", "license": "ISC", "dependencies": { "fixed-data-table": "^0.6.3", "react": "^15.3.1", "react-dom": "^15.3.1" }, "devDependencies": { […]

为什么没有Node.js Express与MongoDB响应提取API调用(ReactJS和Redux)?

使用ReactJS,Redux,Webpack,Node.js和Express与MongoDB,我正在按照教程https://github.com/vasansr/mern-es6,并试图将其整合到我的项目。 首先,我正在尝试向我创build的服务器发出POST请求。 它会得到一个成功的响应,并且不会logging错误。 然而,在服务器的POST API内,它不loggingconsole.log('Req body', req.body); ,在terminal,我检查数据库是否已经用mongo -> show dbs创buildmongo -> show dbs数据库,但它是空的。 难道是有东西在拦截来自服务器的请求吗? 可能是什么问题?

在React组件中使用Electron的ipcRender

我正在尝试创build一个小的React应用程序来捕获和设置一个全局快捷方式,用来显示和隐藏Electron应用程序窗口。 然而,当我试图从React组件内部使用ipcRender的时候,我就陷入了困境,引发了下面的错误。 Uncaught Error: Cannot find module "fs" 我正在使用Webpack捆绑我的JS,并编译JSX和ES6语法来导入Electron和ipcRender ,如下面的组件代码所示。 import React from "react"; import electron, { ipcRenderer } from 'electron'; var event2string = require('key-event-to-string')({}); export default React.createClass({ getInitialState: function() { return {shortcut: this.props.globalShortcut[0]}; }, handleOnKeyDown:function(e){ e.preventDefault(); var keys = event2string(e); this.setState({shortcut:keys}); this.props.globalShortcut.splice(0, 1); this.props.globalShortcut.push(keys); }, handleOnKeyUp:function(){ this.refs.shortcutInput.value = this.state.shortcut; this.refs.shortcutInput.blur(); ipcRenderer.send('set-new-shortcut', this.props.globalShortcut); }, handleOnFocus:function(){ […]

我如何从快递服务器传递数据来反应意见?

我有一个简单的快速服务器连接到一个orientdb数据库。 我需要从快递中传递信息来反应意见。 例如,在expression我有: router.get('/', function(req, res, next) { Vertex.getFromClass('Post').then( function (posts) { res.render('index', { title: 'express' }); } ); }); 所以,在这个例子中,我需要在我的反应索引组件中, postsvariables设置组件的状态。 (我只在前端使用反应,而不是在服务器端) class IndexPage extends React.Component { constructor(props) { super(props); this.state = { posts: [] }; } render() { return ( <div> <Posts posts={posts} /> </div> ); } } 我如何从快递中得到回复? 我发现也许我可以从反应做一个Ajax请求,但我认为这不是最好的方法。 如果我需要以实时的方式获取post,例如使用socket.io,有什么区别? PD:在expression我有可能使用一些模板引擎像把手或霍根。 这个模板引擎可以帮助这个主题吗? […]

在Azure上部署反应项目

我想在Azure云上部署我的反应项目。 我已经将它部署在heroku上,部署起来非常简单。 我只需要做git push heroku master把它部署在heroku上。 但是我对如何在蔚蓝的天空上做的事情一无所知。 所以我在我的项目中有一个bulid目录,每次运行gulp命令时都会生成这个目录。 它有所有的构build文件。 任何人都可以请指导我如何继续蔚蓝? 这是我的项目结构