Tag: reactjs

如何使用babel与npm包将被反应使用: 试图做我认为是一件简单的事情。我有一个使用高级js语法的节点包。我想依靠它在一个反应的项目。所以我通过–save-dev安装了babel包，并添加了一个.babelrc ： { "presets": ["env"], "plugins": ["transform-object-rest-spread"] } 这还不够，所以我在install添加了一个npm脚本来触发编译。然后我不得不通过main包含编译目标lib/index.js作为我的入口点。所以最后我的package.json看起来像这样： { "name": "bla", "version": "1.0.0", "scripts": { "postinstall": "babel src –out-dir lib" }, "main": "lib/index.js", "dependencies": {}, "devDependencies": { "babel-cli": "^6.26.0", "babel-plugin-transform-object-rest-spread": "^6.26.0", "babel-preset-env": "^1.6.1", "babel-preset-react-native": "^4.0.0" } } 当我在本地运行npm install ，它会正确地build立。然而当反应脚本build立这个（dep是从github），我得到一个错误： sh: 1: babel: not found 。为什么这么难？我究竟做错了什么？

与NodeJS相比，使用Rails进行服务器端渲染会有更好的整体服务器响应时间吗？: 我读过React.renderToString随着组件树数量和深度的增加而运行的时间越来越长，同步性阻止了节点服务器处理其他请求，因为它是单线程的，从而导致响应时间显着延长具有大量的并发请求。使用其他后端，如本质上是multithreading的Rails可以显着提高整体服务器响应时间吗？例如，Ruby有Execjs，允许它运行JavaScript。

`react-scripts test`返回码总是为零: 有没有人知道如何在yarn test失败时在react应用程序中返回非零代码的yarn test （或npm test ）在我的项目中，执行CI=true yarn test返回 Test Suites: 10 failed, 10 total Tests: 1 failed, 1 total Snapshots: 0 total Time: 1.736s Ran all test suites. Done in 2.34s. 所有testing失败。但是这个命令返回了零码。这使得travis-ci无法检测到失败的testing

编写一个基于反应的聊天应用程序，实时更新Express，Mongodb，Nodejs: 我正在编写一个聊天应用程序的应用程序，它需要使用websockets或socket.io来检查服务器中的更新。它会将信息传递给所有的客户。 GitHub存储库已连接。我想弄清楚如何实现websockets / socket.io。如果任何人都可以给我一些关于文件放置的提示，或者帮我弄明白，那将是太棒了。链接到该项目： https ： //github.com/vschool-september-2017/chatter

testing失败：ReferenceError：SpeechSynthesisUtterance未定义: 我最近试图在我的项目中实现文本到Speech，并决定使用纯javascript的解决scheme。（ https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance ）我目前使用React@15.4.2和enzyme@2.9.1。码： export default class DummyComponent extends React.Component { /* */ speak(text) { var synth = window.speechSynthesis; var utterThis = new SpeechSynthesisUtterance(text); synth.speak(utterThis); } /* */ } 一切工作正常，但每当我尝试testing我的代码，我得到的标题中的错误。 ExampleTest： it('dummytest', function(done){ const prop1 = 'foo'; const prop2 = 'bar'; const wrapper = shallow(<DummyComponent prop1 = {foo} prop2={bar}/>); expect(wrapper.html()).to.include("foobar"); done(); }); ReferenceError：SpeechSynthesisUtterance未定义 […]

即使预设了标题，所请求的资源上也不存在“Access-Control-Allow-Origin”标题: 我从http：// localhost：3002服务器运行反应应用程序，并在http：// localhost：8080 / api / file中调用axios.post（）动作来上传文件。我使用expressJS作为后端。还包括启用CORS的Cors模块。 app.use(cors({ origin: 'http://localhost:3002' })); 在客户端发出请求后，在chrome中显示以下错误安慰 – ailed加载http：// localhost：8080 / api / file ：否请求的资源上存在“Access-Control-Allow-Origin”头。原因' http：// localhost：3002 '因此不被允许访问。但是当我在networking上看到file upload并返回200 OK响应。当我从expressJS中删除CORS头文件时，也是一样的。如果请求完成，为什么显示CORS错误信息？为什么不允许跨源请求，如果没有设置CORS头？请帮忙！！！

获取错误“无法find预设'react-server'相对于目录…”: 完整的错误信息： ../assets/around/TCircle.svg模块构build失败：错误：无法在Array.map（native）目录中find相对于目录“/ Users / admin / Documents”的预设“react-server” 我一遍又一遍地得到了上面的错误，但是在整个项目的目录中没有提到react-server。我试图完成的是链接资产目录作为npm依赖，并访问他们在整个项目。另外（这听起来可能很愚蠢） – 但它完全适用于其他人的机器。

React Express中的POST方法: 我需要做的是：点击buttonadd用户后，我想诱导POST方法到数据库MySQL。我必须从另一个文件连接到数据库比server.js，但我得到错误 Net.createConnection is not a function 这是我的Compontent文件 import React, { PropTypes} from 'react'; import { connect } from 'react-redux'; import { CounterActions } from '../redux/actions'; import { Link } from 'react-router' import mysql from 'mysql' var connection = mysql.createConnection({ host : 'xxx', user : 'xxx', password : 'xxx', database : 'xxx' }); connection.connect(function(error){ if(!!error){ […]

500内部服务器错误，表示反应mongo mern堆栈: 您好我有我的反应组件中的registry单的麻烦，我用mongodb，这里是我的服务器，路由和注册组件我得到这个错误 xhr.js:178 POST http://localhost:3000/api/user/ 500 (Internal Server Error) dispatchXhrRequest @ xhr.js:178 xhrAdapter @ xhr.js:12 dispatchRequest @ dispatchRequest.js:59 Promise resolved (async) request @ Axios.js:51 Axios.(anonymous function) @ Axios.js:71 wrap @ bind.js:9 saveUser @ API.js:18 Signup._this.handleSubmit @ Signup.js:47 callCallback @ react-dom.development.js:540 invokeGuardedCallbackDev @ react-dom.development.js:579 invokeGuardedCallback @ react-dom.development.js:436 invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:450 executeDispatch @ react-dom.development.js:834 executeDispatchesInOrder @ react-dom.development.js:853 executeDispatchesAndRelease […]

如何与AdonisJs一起使用React.js: 我如何在我的AdonisJs项目的前端使用React.js？我试图安装反应与npm install react我认为这将正常工作。我用这个代码做了一个文件app.js： var React = require('react'); var ReactDOM = require('react-dom'); export default class Index extends Component { render() { return (< h1 > hello world! < /h1>) } } ReactDOM.render( < Index / > , document.getElementById('example')) 但是这不起作用，我不知道该怎么做，我已经search了如何在阿多尼斯使用React，但我没有发现任何有趣的东西。