草庐IT

React-Express-Node

全部标签

javascript - 运行基本 Express 项目时出错

我是第一次接触Node.js,因此决定使用express创建一个简单的应用程序。我按照github中的说明进行操作在像这样的空目录中:npminstall-gexpressexpressnpminstall-dnodeapp.js导航到localhost:3000时出现以下错误:Express500Error:Cannotfindmodule'./lib/jade'atFunction._resolveFilename(module.js:332:11)atFunction._load(module.js:279:25)atModule.require(module.js:354:17

javascript - 使用 Geddy 在 Node.js 中声明和使用枚举

对于我的模型,我想将枚举作为数据类型,但我不知道该怎么做。我在geddyjs.org或谷歌的文档中找不到任何有用的信息。模型可以这样定义:varfooModel=function(){this.defineProperties({fooField:{type:'datatype'},.............................});}我应该在哪里以及如何定义枚举以及如何使用它? 最佳答案 请记住,Node只是javascript,而javascript(据我所知)没有枚举。但是你可以伪造它,这里讨论:EnumsinJa

javascript - 根据 NODE_ENV 设置 gulp 任务

有没有办法根据设置的NODE_ENV指定gulp任务?例如在我的package.json文件中,我有类似的东西:"scripts":{"start":"gulp"}我有多个gulp任务gulp.task('development',function(){//rundevrelatedtaskslikewatch});gulp.task('production',function(){//runprodrelatedtasks});如果我设置NODE_ENV=productionnpmstart,我可以指定只运行gulpproduction吗?或者有更好的方法吗?

javascript - 如何在带有 node.js 的 express.js 上使用 twitter api 显示最后 20 条推文?

我想使用TwitterAPI(https://www.npmjs.com/package/twitter),这里是我想添加的想法:app.js&package.jsonvarexpress=require("express"),path=require("path"),http=require("http"),twitter=require("twitter"),app=express();http.createServer(app).listen(3000);twitter_data.jsvarTwitter=require('twitter');varclient=newTwitt

javascript - 在 React Router 中渲染多个组件

我习惯于应用具有多个yield区域的布局,即内容区域和顶部栏标题。我想在ReactRouter中实现类似的东西。例如:应用布局:{--displayListTopBarhere--}{--displayListViewhere--}两个子组件应该接收相同的Prop。我该如何解决这个问题? 最佳答案 要传递多个组件,您可以这样做:请在此处查看文档:https://github.com/ReactTraining/react-router/blob/v3/docs/API.md#named-components

javascript - React : Given an array, 有效地以相反的顺序渲染元素

我目前以典型的React风格呈现列表。该列表作为数组属性传递,我像这样映射它:{this.props.myList.map(createListItem,this)}因此,当添加一个新元素时,它看起来像是最新的项目被添加到列表的末尾。我希望最新的项目出现在顶部。即一切都按时间倒序出现。到目前为止,我想到的两个选项是:1)反转列表,每次添加内容时创建一个新数组,并将这个反转列表作为prop传递。2)使用shift。但由于性能原因,它们都没有吸引力。我不知道Javascript支持倒序映射。我一直在尝试for循环,但一直无法让它工作。在React中以相反顺序呈现数组的惯用方法是什么?

javascript - 单元测试 react Action - browserHistory 未定义

我为我的行为编写测试,使用{browserHistory}from'react-router';当我运行测试时,导入的browserHistory由于未知原因未定义。因此,测试会抛出一个错误——“无法读取未定义的‘push’属性”;我不知道,为什么browserHistory未定义,如果它在我的应用程序中有效。有人可以帮助我吗? 最佳答案 我猜你没有使用karma或任何浏览器来运行你的测试。如果没有浏览器,对象browserHistory将是未定义的。您可能需要使用sinonstub您的浏览器历史记录。类似以下内容可能有帮助:imp

javascript - 如何在 React JS onSubmit 函数调用中传递第二个参数

代码如下importReactfrom"react";varnewForm=React.createClass({handleSubmit:function(e,text){e.preventDefault();console.log(text);},render:function(){return();})};module.exports=newForm;我想要实现的是当我提交表单时,我想要字符串“react!!!”在控制台中打印出来并防止默认事件同时发生。显然,将参数传递给“handleSubmit”函数会破坏代码。是否可以将onSubmit事件的参数传递给附加到该事件的函数?

javascript - 如何在 node.js 中使用堆栈跟踪记录错误?

我一直在尝试调试我的Node应用程序以在我的日志中找到错误的来源,该错误仅显示为“错误:发送后无法设置header”,其中没有跟踪信息或任何上下文。碰巧,我想我现在已经解决了这个问题……我正在使用connect-timeout我继续处理传递给异步网络操作的回调,该回调最终会尝试执行res.send(),尽管req.timedout已设置为在网络操作期间connect-timeout为“true”。但我仍然不明白为什么我的日志没有显示此错误的跟踪信息。在我的代码中任何返回错误的地方,我都会将其记录到控制台:console.log(err);如果err对象中有可用的跟踪信息,并且这似乎放在

javascript - 在 React Native 中将 props 样式添加到现有组件样式

我定义了以下组件:importReact,{Component}from'react';import{StyleSheet,TouchableOpacity,View,Text}from'react-native';exportdefaultclassButtonextendsComponent{render(){return(this.props.onPress}>{this.props.title})}}conststyles=StyleSheet.create({container:{paddingTop:15,paddingBottom:15,paddingRight:20,p