Tag: reactjs

Node / React应用程序不会部署到Heroku: 我的应用程序有一个React前端和一个Node后端; BE通过API服务于FE数据。它不会部署到Heroku堆栈跟踪如下。我试过的东西：这个问题。在回答中提到的模型回购之后，我尝试了对我的package.json文件进行build模，但没有运气。部署上面提到的模型回购 – 它工作得很好。将模型回购部署到我自己的失败heroku应用程序 – 它运作良好，所以Heroku不是问题。这个问题（我已经检查了react-scripts被列为依赖项而不是dev-dependency）。我最终可能会以模型回购为起点，逐渐复制我的项目，但希望了解可能出错的任何信息。堆栈跟踪： > fsevents@1.0.17 install /tmp/build_f03b382a2b768aeb89ff9c197145d0a5/client/node_modules/fsevents > node-pre-gyp install –fallback-to-build node-pre-gyp ERR! Tried to download(404): https://fsevents-binaries.s3-us-west-2.amazonaws.com/v1.0.17/fse-v1.0.17-node-v48-linux-x64.tar.gz node-pre-gyp ERR! Pre-built binaries not found for fsevents@1.0.17 and node@6.10.3 (node-v48 ABI) (falling back to source compile with node-gyp) make: Entering directory '/tmp/build_f03b382a2b768aeb89ff9c197145d0a5/client/node_modules/fsevents/build' SOLINK_MODULE(target) […]

create-react-app-typescript：error TS2304：找不到名字'require': 我正在使用create-react-app-typescript工具构build一个反应应用程序。我已经能够通过运行该工具并按照说明构build2个testing应用程序。现在突然当我运行npm start我得到这个错误： error TS2304: Cannot find name 'require'. 但是我input了我的types。这是我的node_modules / @ types文件夹：这是产生这个错误的行： const logo = require('./logo.svg'); 编译器不能简单地解决这个resolve 。我会再说一遍，直到几个小时前。有可能是我没有做这个工具create-react-app-typescript 。任何帮助和任何build议将不胜感激。

在反应原生自定义button中进行组件的条件呈现: 我是一位老程序员，学习使用react-native。我有麻烦，因为我似乎无法有效地利用组件的条件渲染。我的目标是有条件地加载这个button。这是一个奇怪的问题，我花了整整一天的时间来解决这个问题，我在一个应用程序的场景中使用了renderIf技术，它的工作非常完美。但是，当我在这个组件中使用它时，它立即崩溃，抛出一个NSException。我已经使用了terminal命令npm install render-if –save来安装完美的场景，但不适合这个组件。任何帮助将非常感激，任何build议的替代方法也将不胜感激。 GeneralButton.js 'use strict'; import React, { Component } from 'react'; import { StyleSheet, TouchableHighlight, View, Text, Dimensions, Platform, } from 'react-native'; import renderIf from 'render-if'; class GeneralButton extends Component { constructor(props) { super(props); this.state = { render: true } } getWidth(){ let width, […]

在本地主机上工作的主题不在AWS机器上: 我在ReactJS v15.3.1，使用节点v8.3.1和npm v5.0.4我试图实现一个反应的应用程序使用这个主题SBpipe理员反应它工作正常，当我运行到本地主机的所有页面加载罚款和一切工作但是当我将这个主题移动到我的AWS机器上时，它与我的本地主机具有相同的configuration（node和npm），它开始在浏览器控制台上抛出这个错误： GET http://34.192.38.113:3001/assets/main.js?6f764c822b1f287a2e02 net :: ERR_CONTENT_LENGTH_MISMATCH 也许正因为如此，每当我点击浏览器上的主题页面上的任何链接，它刷新页面，并显示相同的错误我尝试使用不同的主题，但同样的错误（代码块中突出显示）坚持所有这些。我无法得到这个根本原因，另外，我已经在我的AWS机器上提供了所有的端口。如何纠正这个问题？

使用socketio与反应redux: 我build立一个小型的聊天应用程序使用反应，redux，socketio和节点与mongoose。正常情况下，redux通过动作（使API调用和接收数据）stream动并分派数据。但在我的情况下，套接字将发射到某个事件，但它不会返回数据，直到我们手动发射来自后端的数据。所以要实现合适的reduxstream程，我应该添加一个套接字事件来检索数据（来自后端），然后调度它或有任何其他适当的方式来实现这一点？这里是我打算在Actions文件中做的一个示例代码 function sendMessage(data) { return { type: SEND_MESSAGE, payload: data }; } export const sendNewMessage = (socket,data) => { return dispatch => { socket.emit("send message",data); socket.on("new message",function(data){ dispatch(sendMessage(data)); }); }; };

Jest 20 + Webpack 2 + React 15 – 图像导入问题: 我试图testing显示图像的React组件，但我得到以下错误： FAIL test/image.test.js ● Test suite failed to run [Obfuscated…]/assets/images/sample.png:1 ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){ ^ SyntaxError: Invalid or unexpected token at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/ScriptTransformer.js:289:17) at Object.<anonymous> (src/components/image.js:3:18) at Object.<anonymous> (test/image.test.js:3:14) 该组件非常简单 import React from 'react'; import { Component } from 'react'; import image from '../assets/images/sample.png'; export default class Image extends Component { render() { return ( <div > <img […]

根生成错误？找不到入口文件index.android.js（React Native）: “在任何根目录中找不到入口文件index.android.js：[/”c：////用户//// Sekf ////文档//// GitHub //// TestProjOne /“]” 我使用react-native init ProjName从头开始了一个反应原生项目。它在第一次运行时给了我一个错误。这是我在控制台中得到的错误。我意识到还有很多其他问题提出基本相同的事情，我已经尝试了几乎所有我能find的修复。此外，我得到的错误是有点不同，因为在每个目录之间有太多的反斜杠，并没有其他职位有过类似的错误。这是我已经尝试过的：用npm start — –reset-cache启动打包npm start — –reset-cache 用npm start — –root '/my/project/root/'启动打包npm start — –root '/my/project/root/' 尝试降级到反应，原生v0.44.0以及许多其他版本试图降级反应到几个不同的版本基本上尝试了初始反应原生应用程序中的每个依赖项的多个不同版本仔细检查android studio设置。我已经多次阅读了原始文档。没有运气。重新安装一切：Android Studio，Node，npm，react-native-cli，JDK 我完全不知所措

如何用npm脚本在css文件中编辑相对path？: 我正在使用create-react-app 。运行npm run build有一个生成文件夹正在生成。在这个文件夹下有一个缩小的CSS文件。我想编辑这个文件，当我运行npm run build 。代替 url(/static/media/fontawesome-webfont.674f50d2.eot) 我想它应该是这样的 url(../media/fontawesome-webfont.674f50d2.eot) 如何用npm脚本来做到这一点。

Webpack + React：Webpack从我的node_modules文件夹以正确的顺序在一个地方构build，并且在其他地方的顺序不正确: 我对Webpack和React很陌生。我只是试图让一个简单的Webpack / Babel / React模板正常运行，所以我可以抓住它，开始在应用程序上工作，而不用担心每次都设置它。不过，我遇到了一个奇怪的问题。我用React使用Webpack，Node和Babel制作了Hello World。问题是，它只能在我制作的特定目录中工作。如果我复制/粘贴所有内容，并尝试运行我的NPM脚本，则会在我的JSX文件中遇到“未知模板”错误。经过一番调查，我很确定问题在于，由于某种原因，当我在原始目录之外运行一切时，Webpack以不同的顺序构build事物。这是我从Webpack得到的输出： [8] ./node_modules/react-dom/lib/ReactInstrumentation.js 601 bytes {0} [built] [11] ./node_modules/react-dom/lib/ReactUpdates.js 9.53 kB {0} [built] [14] ./node_modules/react/lib/ReactElement.js 11.2 kB {0} [built] [16] ./node_modules/react/lib/React.js 5.08 kB {0} [built] [49] ./node_modules/react/react.js 56 bytes {0} [built] [82] multi ./main.js 28 bytes {0} [built] [83] ./src/main.js 581 bytes {0} [built] […]

Multer使用ReactJS返回未定义的file upload文件: 无论我如何实现file upload，在Express中检查请求的req.file属性时， req.file得到一个undefined返回值。 .. 反应代码零件： import Files from 'react-files'; <form encType="multipart/formdata"> <Files ref='files' onChange={this.onFileUpload}> </Files> </form> 方法： onFileUpload (files) { let reader = new FileReader(); reader.onload = upload => { this.setState({ dataURI: upload.target.result }, () => { if (typeof appState.balance == 'number' && appState.balance > 0) { appState.onFileAdd(files, this.state.dataURI); } else { this.setState({ modal: […]