Tag: reactjs

无法将来自localhost：3000的请求代理到localhost：7000 ReactJs: 我提供了一个API，我的反应的应用程序，它工作正常，但突然停止工作。在我的客户端（React app）package.json中 "proxy": "http://localhost:7000" 现在它告诉我这个错误消息：无法代理请求/ api /用户/注册从本地：3000到http：// localhost：7000 。提前致谢。

使用MochatestingReact组件：意外令牌: 我有我的React组件都充实，我想学习如何用Mocha + chai正确地testing这些组件。我有这些configuration为我的package.json （相关的）： "scripts": { "start": "http-server", "build": "watchify main.js -t babelify -o bundle.js", "test": "./node_modules/mocha/bin/mocha –compilers js:babel-core/register test/test*.js" }, "devDependencies": { "babel": "^5.6.23", "babelify": "^6.1.3", "browserify": "^11.0.0", "chai": "^3.5.0", "jsdom": "^9.8.3", "mocha": "^3.2.0", "react-addons-test-utils": "^15.4.1" }, "babel": { "presets": [ "es2015" ] } 我有Skill.js ： import React from 'react'; import _ from […]

debuggingReact / Node后端: 所以，这是情况。我最近“inheritance了”一个体面的Web应用程序，使用React（和Redux）构build，并使用webpack / babel进行编译。生成两个文件，app.js和server.js，这两个文件都在节点上运行。该项目的原始开发人员大多是在后台（server.jsx等 – > server.js）“使用它”，使用console.log来弄清楚发生了什么，然后直接感觉到修复。这在较小的范围内工作，但会在时间上出现问题。我可以debugging两个实际的文件，但只有app.js被映射正确，这意味着我可以debugging源代码。这也影响热负荷。与server.js相关的任何断点只会在IntelliJ中的实际server.js文件中触发，这是一个完全不可读的网格，所以这不是一个真正的select。我正在使用IntelliJ（WebStorm适合那些只使用networking版的人），而且我尝试过使用每一个指向我设置的指南，这通常归结为babel-node，babel观察者或者webpack-dev-server。目前的app.js是使用webpack-dev-middleware运行的，在Chrome中debugging它就像一个魅力一样，但是由于某种原因，它总是捆绑在server.js中，然后在准备好的时候触发（在这些星球大战时代）。我明白，Chrome浏览器很难访问server.jsx，但是肯定有一些设置IntelliJ（或WebStorm）的方法可以这样做？我更习惯于Java或C＃服务器端，所以我有点困惑，这不是一个直接的，现成的select。或者，也许是，最初的设置是缺乏的？ PS。当使用React（和Redux）作为Node的前端和后端时，是否意味着实际上不可能区分这两者？ Server.jsx是相当明显的，但有相当多的重复的JavaScript文件和依赖关系，特别是与处理/build立Redux商店有关。

WebSocket连接失败。在WebSocket握手期间错误 – socketjs: 细节：我一直在试图将我的反应项目configuration为使用hot loader以便我可以在不必重新启动服务器的情况下进行积极的开发。每当websocket尝试连接时，我都会收到一个连续的错误消息： WebSocket connection to 'ws://192.168.33.10/sockjs-node/301/eo4p2zps/websocket' failed: Error during WebSocket handshake: Unexpected response code: 404 。我的直觉告诉我，这可能与我运行Ubuntu -v 14.04.3 VM（stream浪者） 14.04.3 。除了上面logging的错误，我得到： http://192.168.33.10/sockjs-node/629/s0dz3nxv/xhr_streaming?t=1482558136743 404 (Not Found) http://192.168.33.10/sockjs-node/629/jbjciaga/eventsource 404 (Not Found) http://192.168.33.10/sockjs-node/iframe.html 404 (Not Found) http://192.168.33.10/sockjs-node/629/e1x0l01e/xhr?t=1482558137388 404 (Not Found) Warning: [react-router] Location "/sockjs-node/629/dr44jysd/htmlfile?c=_jp.ajy5ad3" did not match any routes client?e2df:41 [WDS] Disconnected! Uncaught SyntaxError: […]

当package.json具有正确版本时，npm install会抛出UNMET PEER DEPENDENCY错误: 试图安装recharts，react-interactjs等，并得到以下错误… +– UNMET PEER DEPENDENCY react@15.4.1 +– UNMET PEER DEPENDENCY react-dom@15.4.1 `– recharts@0.20.0 package.json Deps和Dev Deps "dependencies": { "promise-polyfill": "^6.0.2", "semantic-ui-react": "^0.63.1", "whatwg-fetch": "^2.0.1" }, "devDependencies": { "babel-core": "^6.4.0", "babel-jest": "^18.0.0", "babel-loader": "^6.2.8", "babel-plugin-recharts": "^1.1.0", "babel-preset-es2015": "^6.18.0", "babel-preset-react": "^6.16.0", "babel-preset-stage-0": "^6.16.0", "css-loader": "^0.26.1", "extract-text-webpack-plugin": "^1.0.1", "file-loader": "^0.9.0", "gulp-autoprefixer": "^3.1.1", "jest": "^18.0.0", "node-sass": "^4.1.1", "postcss-loader": "^1.2.0", […]

同时运行React和Node。: 我有一个用例，我不认为是太独特，但我遇到了挑战。我的应用程序是用express / EJS编写的，运行在35端口上，我想包括反应，所以我正在学习一个教程，并在我现有的应用程序中编写这个应用程序，并在另一个端口上运行它。我可以看到这两个应用程序，当他们在不同的端口，如果我试图把他们在他们冲突的同一端口。咄。不过，我想在我的应用程序中运行某些function的反应，我该如何做到这一点？我如何运行我的节点应用程序，并在同一时间作出反应？我的反应应用程序的依赖项是： "babel": "^6.5.2", "babel-loader": "^6.2.10", "babel-preset-es2015": "^6.18.0", "babel-preset-react": "^6.16.0", "babel-preset-stage-2": "^6.18.0", "react": "^15.4.1", "react-dom": "^15.4.1", "webpack": "^1.14.0", "webpack-dev-server": "^1.16.2" 我的整个依赖树是 "dependencies": { "async": "^2.1.4", "babel": "^6.5.2", "babel-loader": "^6.2.10", "babel-preset-es2015": "^6.18.0", "babel-preset-react": "^6.16.0", "babel-preset-stage-2": "^6.18.0", "bcrypt-nodejs": "0.0.3", "bluebird": "^3.4.6", "body-parser": "^1.15.2", "cloudinary": "^1.4.6", "cookie-parser": "^1.4.3", "ejs": "^2.5.2", "express": […]

看到错误模块未find：“pg-native”在heroku应用程序: 我正在尝试使用postgres插件和一个也在使用react的heroku节点应用程序。我正在使用这个反应buildpack支持heroku中的反应： https ： //github.com/opike/create-react-app-buildpack.git 当我尝试添加该行时： var pg = require('pg'); 当我尝试在本地运行heroku应用程序时出现以下编译错误： >heroku local web [OKAY] Loaded ENV .env File as KEY=VALUE Format [WARN] ENOENT: no such file or directory, open 'Procfile' [OKAY] package.json file found – trying 'npm start' 4:15:19 PM web.1 | > test-app@0.1.0 start /Users/oliverpike/dev/heroku/ofp-react 4:15:19 PM web.1 | > react-scripts start 4:15:20 […]

如何使用React + Webpack应用程序存储和访问我的API密钥？: 我目前正在与前端的React，Babel和Webpackbuild立一个项目。我需要存储和访问我的API密钥，但我不知道在哪里。我想我应该将我的API密钥存储在我的.gitignore中的.env文件中。但是，它正在访问他们，欺骗我。从我读过的东西看来，webpack可以访问yuor .env文件中的环境variables。但是，如果我这样做，是不是说当我提出要求我的API密钥将通过浏览器 – 所以密钥将不受保护？在过去，我使用了一个节点快递后端服务器，以便我的API密钥受到保护，并且与浏览器无关。但是我不确定当我有一个webpack dev服务器时是否需要这个。我开始build立一个expression后端服务器的节点，但是不知道如何将这个绑定到我的webpack.config或package.json中。 Webpack已经是一个节点快递服务器！那么我有2个服务器？有第二台服务器保护我的API密钥的唯一原因？我真的很困惑自己，我觉得不必要的复杂的事情。任何帮助将非常感激。

Webpack可以在没有套接字问题的自定义域上本地运行: 我的设置：使用react-create-app使用代理来使用服务器API。（使用create-react-app和服务器）由于Yahoo oAuth2 API不允许在其URLcallback链接中使用localhost：****或127.0.0.1:****。在那里，我必须先创build一个Nginx代理发送localhost：3000到端口80，然后我重新路由localhost到 – > mywebsite.dev 好的，如果我使用简单的node.js服务器，这个设置工作正常：按loginbutton到雅虎（/ auth）在服务器上进行身份validation并发送到callbackURL（mywebsite.dev/callback）在同意雅虎条件后，我得到重新路由到/callback，我可以使用API就好了但是当使用create-react-app设置时，我遇到了问题。一）当启动服务器一切工作正常，我去mywebsite.dev，但后来我得到这个：我得到了错误的webpack-dev-server试图听localhost：****，因为该url是mywebsite.dev它给这个问题，我无法修复它！所以问题是如何让Webpack知道我的本地服务器在mywebsite.dev不是本地主机：****？相关：链接1 – 类似问题，链接2 – node.js自定义域名

React项目不在Windows上运行，但在Ubuntu上运行: 我在电脑里input了一个反应过来的项目。当我尝试运行gulp命令时，它在控制台中给我一个错误。但是，当我在Ubuntu上运行它时，它工作得很好。这是我在窗口上的错误 ERROR in ./src/client/index.js Module parse failed: D:\Frontend-Master\src\client\index.js Unexpected token (64:2) You may need an appropriate loader to handle this file type. SyntaxError: Unexpected token (64:2) at Parser.pp$4.raise (D:\Frontend-Master\node_modules\acorn\dist\acorn.js:2221:15) at Parser.pp.unexpected (D:\Frontend-Master\node_modules\acorn\dist\acorn.js:603:10) at Parser.pp$3.parseExprAtom (D:\Frontend-Master\node_modules\acorn\dist\acorn.js:1822:12) at Parser.pp$3.parseExprSubscripts (D:\Frontend-Master\node_modules\acorn\dist\acorn.js:1715:21) at Parser.pp$3.parseMaybeUnary (D:\Frontend-Master\node_modules\acorn\dist\acorn.js:1692:19) at Parser.pp$3.parseExprOps (D:\Frontend-Master\node_modules\acorn\dist\acorn.js:1637:21) at Parser.pp$3.parseMaybeConditional (D:\Frontend-Master\node_modules\acorn\dist\acorn.js:1620:21) at Parser.pp$3.parseMaybeAssign (D:\Frontend-Master\node_modules\acorn\dist\acorn.js:1597:21) at Parser.pp$3.parseExprList […]