Tag: reactjs

React和Electron with Bablify:Uncaught TypeError:fs.​​readFileSync不是一个函数

每当我尝试导入电子元件到我的渲染过程,我得到的例外。 Uncaught TypeError: fs.readFileSync is not a function 从我所读到的,它应该仍然可以访问FS。 在阅读brfs变压器应该解决这个问题。 watchify app/app.js -t babelify -t brfs -o public/js/bundle.js –debug –verbose 但即使如此,我仍然得到例外。 我正在寻找一种在主进程和渲染进程之间进行通信的方法,但是如果没有访问电子对象,它似乎是不可能的。 任何在这方面的帮助将是惊人的。 如果你需要任何额外的信息。 发表评论。

烧瓶JSON发布请求不起作用

我正在使用反应来提交一个表格到烧瓶后端。 数据在json中提交,这是一个例子。 add_new_user(e){ e.preventDefault() var user_details = {} user_details['fname'] = this.state.first_name user_details['last_name'] = this.state.last_name var post_request = new Request('http://127.0.0.1:5000/add_new_user', { method: 'post', body: JSON.stringify(user_details) }) fetch(post_request).then(function(response){ console.log(response) }) 在我的后端代码看起来像这样, @app.route('/add_new_user', methods=['POST']) def add_user(): content = request.json() print content return 'user added' 但内容variables为空,因此屏幕上的打印数据为None。 我怎样才能解决这个问题? 我究竟做错了什么。 谢谢

未find命令react-native和create-react-app(Mac OS)

我想我已经打破了我的节点/ react-native / react PATH /安装/链接,从昨天开始,我试图弄清楚该怎么做。 错误是: zsh: command not found: create-react-app zsh: command not found: react-native 在我的which node : /usr/local/bin/node 我的npm get prefix : /Users/username/.npm-packages 我的path是: /Users/username/.rvm/gems/ruby-2.3.0/bin:/Users/username/.rvm/gems/ruby-2.3.0@global/bin:/Users/username/.rvm/rubies/ruby- 2.3.0 / bin中:在/ usr / local / bin中:在/ usr / bin中:/ bin中:/ usr / sbin目录:/ sbin目录:/Users/username/.npm-packages:在/ usr / local / bin中/节点:/用户/username/.rvm/bin 编辑: 我的解决方法是卸载所有的NODE.JS安装 以下是完全卸载node + npm的最佳方法: 去/ […]

NodeJS,Webpack,意外的标记<

我是networking开发新手,刚刚完成我的第一个使用Webpack和React的辅助项目 。 我试图通过创build自己的NodeJS服务器而不是使用Webpack-dev-server从项目中使用的开发环境转移到生产环境。 这是我的代码: webpack.production.config.js var HtmlWebpackPlugin = require('html-webpack-plugin'); var HtmlWebpackPluginConfig = new HtmlWebpackPlugin({ template: __dirname + '/app/index.html', filename: 'index.html', inject: 'body' }) var config = { devtool: 'source-map', entry: './app/index.js', output: { path: __dirname + '/dist', filename: "index_bundle.js", publicPath: __dirname + '/dist' }, module: { loaders: [ {test: /\.js$/, exclude: /node_modules/, loader: "babel-loader"}, {test: […]

React应用程序返回null元素?

我有一个反应模式,呈现login和注册forms。 在窗体上,有一个按模式login提交button的IDbutton。 当我做 document.getElementById('modal-sign-in-submit-button'); 它返回一个types错误,说这样的元素不存在… TypeError: document.getElementById(…) is null 有没有一个包或解决方法,使其识别在HTML中的button? 这在控制台上工作正常,但是当我尝试访问由React在不同脚本中呈现的元素时,它不会find这样的元素。 (可能是由于它还没有生成)。 以下是该部分的来源, import React, { Component } from 'react'; import Modal from 'react-modal'; class SignInModalTrigger extends Component { constructor() { super(); this.state = { open: false }; this.openModal = this.openModal.bind(this); this.closeModal = this.closeModal.bind(this); } openModal() { this.setState({open: true}); } closeModal() { this.setState({open: false}); } […]

托pipeReact / Redux / Node.js Web应用程序

我已经用React / Redux / Nodejs编写了一个简单的Web应用程序,它可以在我的系统上运行。 如果我想把整个事情放到networking服务器上,我现在需要注意什么? 是否有任何要求,或者我可以从标准的托pipe服务之一抓取一个标准的包,我很好走?

Webpack多页面应用程序服务

我有一个反应项目,但我分成两部分(pipe理员,前)。 我想通过一个webpack devserver服务这两个不同的端口。 当我运行“npm run start”时,可能会有两个部分在不同的端口工作 我用webpackbuild立,输出在dist目录里 admin.html 的index.html admin.js index.js common.js 如果我打开本地主机:8081 – >必须返回index.html(包括index.js和common.js) 如果我打开本地主机:8082 – >必须返回admin.html(包括admin.js,common.js) webpackconfiguration: entry: options.production ? { interview: ["./app/src/pages/interview/main.js"], admin: ["./app/src/pages/dashboard/main.js"] } : { interview: [ 'webpack-dev-server/client?http://' + options.ip + ':8081', "./app/src/pages/interview/main.js", 'webpack/hot/only-dev-server'], admin: ['webpack-dev-server/client?http://' + options.ip + ':8082', 'webpack/hot/only-dev-server', "./app/src/pages/dashboard/main.js"] }, output: { path: options.production ? './dist' : […]

“不能读取未定义的属性'数据'错误unit testing与axios和moxios redux行动

我正在尝试使用axios进行api调用的asynchronous还原操作。 我在moxios的帮助下testing它,并且它在几天前工作,但由于某种原因,今天当我创build另一个asynchronous操作时,它刚刚打破。 这是我的unit testing代码: 1 import configureMockStore from 'redux-mock-store'; 2 import thunk from 'redux-thunk'; 3 import moxios from 'moxios'; 4 5 import * as types from '../../../../client/auth/actions/action_types'; 6 import loginAuth from '../../../../client/auth/actions/login_action'; 7 8 require('dotenv').config(); 9 const expect = require('chai').expect; 10 11 const mockStore = configureMockStore([thunk]); 12 13 const user = { 14 email: 'john@loginActionTest.com', […]

Node.js API为相同的请求返回不同的值

我正在学习使用Node.js + Express来构build一个REST API。 在这个API中,我有以下方法: apiRouter.route('/training/session/byId/:id_session') // ===== GET ======= .get(function(req, res) { //Get the session Session.findById(req.params.id_session, function(err, session) { //Get an array of exercise associated with the session Exercise.find({session: session._id}, function(err, exercise) { let movements = []; let sets = []; let i = exercise.length-1; //For every exercise get the movements and the sets […]

如何保持RSK项目更新

我正在开发node并基于react-starter-kit react web应用程序。 像任何项目一样,我会覆盖不必要的代码和文件,并修改其他的代码和文件。 试图跟上几乎每天的更新,我找不到一个方法来保持我的项目更新,除非我每次解决冲突的负载。 存储库build议只是合并到主,但它会产生很多冲突。 有没有一个更快,更合理的方法来做到这一点?