Tag: reactjs

在NodeJS应用程序中提交firebase文件的做法是什么？: 我最近探索了在NodeJS环境中托pipeReact应用程序的firebase。初始化firebase CLI工具创build了两个文件： .firebaserc firebase.json 将这些文件提交到存储库的做法是什么？没有？我search了Google，讽刺的是没有find我想要的东西。我在两台机器上工作，感觉像.firebaserc是环境/机器特定的，因此不应该提交到存储库。如果我正在和其他开发人员一起开发这个项目，我觉得我会希望firebase.json在环境/机器之间保持一致。我不想让另一个开发人员独立于代码库上的其他开发人员对firebase.json进行更改。因此，我正在考虑提交.firebaserc并将.firebaserc添加到.gitignore 。

无法运行反应js项目: 我有一个项目build立使用反应js我想执行本地我到目前为止所做的： 1）安装node.js（windows 64位） 2）从https://www.tutorialspoint.com/reactjs/reactjs_environment_setup.htm直到第3步我现在有 1）c：//程序文件/ nodejs / node_modules 2）桌面/ reactApp / node_modules 我把我的项目文件夹放在reactApp /里面。所以package.json在reactApp / package.json 现在当我尝试运行npm start C:\Users\xxx\Desktop\reactApp>npm start > liquid@0.1.0 start C:\Users\jitendra\Desktop\reactApp > PORT=8080 react-scripts start 'PORT' is not recognized as an internal or external command, operable program or batch file. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm […]

Webpackconfiguration不工作，path必须是绝对的: 我的Webpackconfiguration出现错误：无效的configuration对象。 Webpack已经使用与API模式不匹配的configuration对象进行了初始化。 configuration.output.path ：提供的值"./"不是绝对path！这是我的webpack.config.js ： var config = { entry: './main.js', output: { path:'./', filename: 'index.js', }, devServer: { inline: true, port: 8080 }, module: { loaders: [ { test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } } ] } } module.exports = config;

无法捕获并logging来自axios请求的错误响应: 我在我的应用程序中有一个axios请求，为此我遵循axios npm文档。这是我的axios请求 axios.post(helper.getLoginApi(), data) .then((response) => { console.log(response); this.props.history.push(from.pathname) }) .catch((error)=> { console.log(error); }) 我能够成功地在成功的请求上logging数据。然而，当我故意产生一个错误，并尝试console.log它，我没有得到logging的结果，而我只是看到 POST http：// localhost：3000 / login 401（Unauthorized）：3000 / login：1 错误：请求失败，状态码为401 login.js：66 在createError（createError.js：16）在定居（定居点：18）在XMLHttpRequest.handleLoad（xhr.js：77）但是，当我在Chrome控制台中转到“networking”标签时，我可以看到下面的回复。提前感谢您的帮助。

'AWSCognito'没有被定义: 我已经使用以下示例在nodeJS中实现AWS Cognito，但是我正面临错误“'AWSCognito'未定义no-undef” 参考链接： https ： //github.com/aws/amazon-cognito-identity-js/ 以下是我在App.js文件中的代码。我使用了react-app。 import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import { CognitoUserPool, CognitoUserAttribute, CognitoUser } from 'amazon-cognito-identity-js'; class App extends Component { constructor(props, context){ super(props, context); this.state = { items: [] } } render() { const {items} = this.state; return ( <div className="App"> […]

Webpack的bundle.js内容: 我开始学习webpack ， node ，并react ，我对一些基本的工作人员有点困惑。 webpack是否webpack整个react.js +我的JavaScript文件捆绑到一个输出文件中，所以当部署到生产环境时，我不需要安装项目中使用的节点包（假设它们被添加到webpack.config.js文件中）？如果以上是正确的：在我的服务器上，我只需要放置webpack（ bundle.js ）的index.html +输出？（在简单的情况下）？ package.json将只用于开发方面？

在Netlify上部署Express时显示API路由: 我用create-react-app创build了一个网站，我在./client/build构build并使用express 。使用快递，我还设置了2个基本的API路由，在dev（localhost）中运行良好。我在Netlify上部署什么？我用react-scripts构build客户端然后，我手动将环境设置为生产，以使用webpack在本地构build服务器最后，我将代码推送到我的GitLab仓库，并自动触发部署。使用Netlify部署的设置： Build command: Not set Publish directory: client/build 问题当我尝试使用我的API路由之一，我得到一个错误404 … 项目我的项目结构是这样的： | package.json | server.js | webpack.config.js +—API | dbHandler.js | routesHandler.js +—client | | package.json | +—src | | | App.js | | | … | +—node_modules | +—public | | index.html | […]

在更新状态之后，Reactjs不会复制我的消息: 我正在关注这个博客的例子，这个问题在执行之后就引起了我的兴趣 https://github.com/DanialK/ReactJS-Realtime-Chat 总结一下，在通过websocket发送消息之前，消息的状态被更新。当服务器接收到这个消息时，他们向所有的客户端发送广播，包括我自己。 Thereat，客户端用相同的消息更新状态为什么这个消息不会出现2次？我不希望这个消息出现两次，但我想知道为什么会发生客户代码： socket.on('send:message', this.messageRecieve); … handleMessageSubmit : function(message){ Messages.push(message); this.setState({ messages : Messages }); socket.emit('send:message', message); }, messageRecieve: function(message){ Messages.push(message); this.setState({ messages : Messages }); }, 服务器代码： socket.on('send:message', function (data) { socket.broadcast.emit('send:message', { user: name, text: data.text }); });

如何正确地将反应导入到node-webkit应用程序中？: 我正在尝试创build一个node-webkit应用程序，并且我想使用react.js作为我的框架。尝试反应并创build一些组件后，我尝试在node-webkit应用程序中按以下方式使用它： 'use strict'; require('react'); 每当我打开我的node-webkit应用程序，其中包括上面的脚本在身体的末尾我得到的错误： ReferenceError: document is not defined at Object.<anonymous> (C:\Users\rtol\Dropbox\Code\Node- Webkit\WallpaperManager3.0\node_modules\react\lib\CSSPropertyOperations.js:31:7) …. 难道我做错了什么？我发现的所有文档都表明，这将是使用节点时包含反应的正确方法。我有npm安装反应，根据package.json它是版本0.13.2。例如， react-nodewebkit入门工具包的index.jsx如下所示。 var React = require('react'); var HelloWorld = require('./components/HelloWorld.jsx'); React.render(<HelloWorld />, document.getElementById('content')); 所以我不知道为什么它不起作用。

nodejs reactjs和webpack，configuration是错误的，但是什么？: 我知道有一大堆的资源描述了这个设置，我尝试了几种方法，但是它的速度正在发生变化，所以我的谷歌示例已经过时了 – 这里 package.json { "name": "scoreboard", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC", "devDependencies": { "babel-core": "^6.3.15", "babel-loader": "^6.2.0", "babel-preset-es2015": "^6.3.13", "babel-preset-react": "^6.3.13", "babelify": "^7.2.0", "react": "^0.14.3", "react-dom": "^0.14.3", "webpack": "^1.12.9" } } 这是我的webpack.config.js module.exports = { context: __dirname […]