Tag: reactjs
Herkoku节点部署与子文件夹
我正在尝试几个小时，并没有想法离开…也许你有一些:-) 我正在使用react-starter-kit作为我的react-app和gitlab作为我的存储库。 我已经启用gitlab-ci部署和运送我的应用程序到heroku。 好吧， gitlab-ci作品… 是的 但是使用/build文件夹来处理所有的资源和缩小的等应用程序。 我如何能够通过gitlab-ci获得heroku上的可运行应用程序？ 我添加了这个内容的Procfile： web: node ./build/server.js heroku日志输出如下： 2017-01-02T16:57:54.655686+00:00 heroku[web.1]: State changed from crashed to starting 2017-01-02T16:57:58.721166+00:00 heroku[web.1]: Starting process with command `node ./build/server.js` 2017-01-02T16:58:00.987643+00:00 heroku[web.1]: Process exited with status 1 2017-01-02T16:58:00.995852+00:00 heroku[web.1]: State changed from starting to crashed 2017-01-02T16:58:00.997060+00:00 heroku[web.1]: State changed from crashed to starting 2017-01-02T16:58:00.833548+00:00 app[web.1]: module.js:471 […]
React js如何设置Stripetesting密钥
在做卡充电时，在nodejs中我们使用这种方法 “var stripe = require（”stripe“）（'STRIPE SECRET KEY'）;” 之后我们使用该variables并为卡充电。 我想在React js中得到同样的东西，我们可以做到这一点。
节点快递服务器不提供图片文件夹
当我在生产服务器上运行我的捆绑React应用程序时，它找不到我的图像文件，我不知道为什么。 我相当确定这是有关我的节点快递configuration和/或我的.ejs模板文件。 server.js var express = require('express') var app = express(); const path = require('path'); app.use('/static', express.static(__dirname + '/static')); app.set('views', __dirname + '/views'); app.set('view engine', 'ejs'); app.get('*', function (req, res) { res.render("index"); }); const port = process.env.PORT || 3000; const env = process.env.NODE_ENV || 'production'; app.listen(port, err => { if (err) { return console.error(err); } […]
使用Express的React.js：在使用Express作为服务器时在客户端渲染一个简单的组件？
我是新来的ReactJS和Node.js，我肯定卡住了。 我的问题是，我不能在我的index.html文件中呈现我简单的React组件。 当我在terminal写webpack的时候，会输出一个bundle.js文件。 然后，当我启动使用npm start脚本的webpack-dev-server npm start ，它运行，我可以去localhost:3000 ，它输出： 输出的图像 。 这意味着它不会输出<div id="app"></div> 。 当我到localhost:3000/bundle/bundle.js它会在浏览器中输出bundle.js文件。 我也尝试在terminal中使用node app.js启动服务器，并启动服务器并在转到localhost:3000时呈现index.html文件，但不会加载bundle.js脚本，而是404。我尝试以多种方式编写src-attribute（../bundle/bundle.js等），但是我无法正常工作。 下面的文件夹结构 我希望它是可读的 root bundle bundle.js src App.jsx static index.html app.js package.json webpack.config.js 无论如何，我search了几个小时，我找不到任何解决scheme，所以我希望有人能帮助我。 我会在下面发布相关文件。 干杯! app.js var express = require('express'); var mongoose = require('mongoose'); var bodyParser = require('body-parser'); var user = require('./models/userModel'); var app = express(); app.use(express.static('static')); var […]
通过express运行webpack-dev服务器
我目前正在执行webpack-dev-server运行我的项目，但现在我想通过快速应用程序运行我的项目。 有什么步骤来做同样的事情。 的package.json： { "name": "react-redux-template", "version": "1.0.0", "main": "index.js", "scripts": { "dev": "webpack", "start": "webpack-dev-server" }, "license": "ISC", "dependencies": { "babel-core": "^6.10.4", "babel-loader": "^6.2.4", "babel-plugin-react-html-attrs": "^2.0.0", "babel-plugin-transform-class-properties": "^6.19.0", "babel-plugin-transform-decorators-legacy": "^1.3.4", "babel-polyfill": "^6.9.1", "babel-preset-es2015": "^6.9.0", "babel-preset-react": "^6.11.1", "babel-preset-stage-0": "^6.16.0", "babel-register": "^6.9.0", "cross-env": "^1.0.8", "css-loader": "^0.23.1", "expect": "^1.20.1", "express": "^4.14.0", "node-libs-browser": "^1.0.0", "node-sass": "^3.8.0", "path": "^0.12.7", […]
在ReactJS中打印
如何在我的应用程序组件中打印（打印）DIV？ 我有一个DIV =（badgeContainer）里面我已经添加了几个形状，文本和图像，现在我想打印在DIV =（badgeContainer）里面的元素。 有没有一个能够帮助我做出反应的包？ 任何帮助深表感谢。
如何在React js中调用Soap？
我已经尝试了几种方法通过Reactjs进行Soap调用。 但是我总是在每个方法上都面临一些错误。 有人可以帮我一下，或者给我提供一个小的工作例子，以便我可以参考吗？ 我曾尝试使用npm soap和easysoap软件包，但是我无法成功。 任何工作的例子是非常appriciated。 我也尝试了以下的方式，但它也无法正常工作。 var xmlhttp = new XMLHttpRequest(); xmlhttp.open('GET', '{My soap endpoint}', true); // build SOAP request var sr = '<soap:Envelope xmlns:soap="{My soap request}"' xmlhttp.onreadystatechange = function () { if (xmlhttp.readyState == 4) { if (xmlhttp.status == 200) { alert('done. use firebug/console to see network response'); } } } // Send […]
在Heroku上使用Rails API部署Create-React-App
我有一个问题让我的反应/ rails应用程序在heroku上工作。 我设法得到它的部署和rails服务器启动，但我没有看到我的反应的应用程序。 我觉得我很接近，但不知道缺less什么。 所以我的进程目前是从客户端目录在本地运行npm run build ，在客户端build立一个“build”目录。 然后我用git push heroku master来提交构build的结果并推送到Heroku。 然后导航到浏览器中的heroku应用程序，我只是得到一个空白页，这是一个索引文件，我手动从构build目录复制到公共。 我不确定索引文件是否正确，但我只是想确保我可以打一些东西。 最后，我想推回购，并自动运行构build。 我已经看到这个提到的各个地方，但我总是得到一个react-script不存在的错误，当我运行npm run build在服务器上npm run build 。 我的configuration如下： 应用程序的基本结构 /app – root of Rails app /client – root of React app /public – does display index page 根/客户机/的package.json { "name": "qc_react", "version": "0.1.0", "private": true, "devDependencies": { "react-scripts": "^0.8.4" }, "dependencies": […]
SyntaxError：意外的标记{在jesttesting期间加载节点模块时
我正在运行一个依赖于“ant”节点模块的笑话testing 这似乎是不能正确parsing的atnd模块内的CSS文件。 我该如何解决这个问题？ 当我运行它失败，如下所示： C:\path\to\project\node_modules\antd\lib\style\index.css:10 html { ^ SyntaxError: Unexpected token { at transformAndBuildScript (node_modules\jest-cli\node_modules\jest-runtime\build\transform.js:316:10) at Object.<anonymous> (node_modules\antd\lib\switch\style\css.js:3:1) 我的babelrc如下： { "presets": [ "react", "es2015-loose", "stage-0" ], "plugins": [ "babel-root-slash-import", "transform-decorators-legacy", "react-hot-loader/babel", "transform-runtime", ["import", [{"libraryName": "antd", "style" : true}]] ], "compact": true, "ignore": [ "/node_modules/(?!react-number-input)" ] } jest.json { "setupTestFrameworkScriptFile": "<rootDir>/jasmine-setup-env.js", "bail": false, "collectCoverage": true, "collectCoverageFrom": […]
在Chrome开发人员工具中分析堆转储（内存泄漏）
当我们说话的时候，我正在生产NodeJS / Express / React应用程序。 问题是，它不断攀升的内存使用情况，并没有停止。 它是缓慢和稳定的，并最终节点崩溃。 我有几个heapdump，我一直在node-heapdump的帮助下创build，但是，我不知道如何正确识别泄漏。 我将分享我的快照的图像。 请注意，我按浅的大小sorting，所以推测出现在顶部的那些对象/types之一必定是问题： 正如我在下面看到的那样，我在很多地方看到了这个“@ 585中的Promis”，可能是那个，但我无法确定这个线路，function或组件。 任何人都可以帮忙？ 如果你愿意，我可以分享更多的截图。 谢谢。
