Articles of reactjs

types的stream量提示没有被巴贝尔剥夺

我有一个使用UI组件的自定义“主题”的React.JS项目。 这个主题还提供了构build脚本(webpackconfiguration,babelconfiguration等)。 我想在这个项目中开始使用Flow。 我安装了所需的npm包,并将flow添加到babel的预设中,然后将props = {mytestprop: string}到我的一个React类中。 Webpack成功地编译了我的代码,但是types提示没有被剥离! 当然,浏览器不能执行这个代码 – 当我尝试运行它时,会引发ReferenceError: string is not defined 。 .babelrc的当前预设列表是: ["es2015", "react", "stage-2", "flow"] 。 我确定这是babel使用的实际列表,因为如果我删除前3个预设中的任何一个,编译将失败。 你有什么想法可能导致这种行为剥离streamtypes?

部署create-react-app

npm运行生成后,我上传生成文件夹github,它不起作用。 检查这个链接 GitHub上 为什么?

Redux-Thunk“操作必须是普通对象。 使用自定义中间件进行asynchronous操作。“

使用Thunk中间件创build我的商店 import { createStore, applyMiddleware, compose } from 'redux'; import thunk from 'redux-thunk'; const store = createStore( reducer, initialState, applyMiddleware(thunk) ); 并创造我的行动,呼吁一个承诺 export function getArticle(url) { return function (dispatch) { fetchArticle(url).then( article => dispatch(setArticle(article)), ); }; } function fetchArticle(url) { return new Promise((resolve, reject) => { request .get(url) .end( (err, res) => { if (err […]

django服务ES 6应用程序时,找不到index.js

我已经在ES6中构build了一个反应应用程序,并创build了一个bundle.js并将其锚定在由django提供的HTML页面中。 应用程序在节点服务器上运行的开发过程中工作正常,但是当页面由django链接到静态bundle.js文件时,出现以下错误: VM1517:1 Uncaught Error: Cannot find module "./src/index.js" 请注意, index.js是此反应应用程序的入口点。 任何帮助表示赞赏! 谢谢! webpack.config.js如下: module.exports = { entry: [ './src/index.js' ], output: { path: __dirname, publicPath: '/', filename: 'bundle.js' }, module: { loaders: [{ exclude: /node_modules/, loader: 'babel' }] }, resolve: { extensions: ['', '.js', '.jsx'] }, devServer: { contentBase: './' } }; 更新:@kaylus运行webpack的结果如下: ERROR […]

在服务器端使用Passport-jwt呈现Express / React应用程序

我有一个使用react-router的通用NodeJS,Express,React / Redux应用程序。 它从服务器端在应用程序的初始请求和客户端上对来自react-router的后续请求进行渲染。 我的routes.js文件: <Route path="/" component={App}> <Route path="/main" component={Main}/> <Route path="/login" component={Login}/> </Route> 我有一个通配符高速路由匹配这个反应路线,并发送组件标记回模板: import routes from '../routes'; app.get('*', (req, res) => { match( { routes, location: req.url }, (err, redirectLocation, renderProps) => { let markup; if (renderProps) { markup = renderToString( <Provider store={store}> <RouterContext {…renderProps}/> </Provider> ); } else { markup = […]

在Jenkins中构build是成功的,但AWS-Codebuild正在给出插件错误

我有一个在Jenkins上成功构build的项目,但是当我尝试使用AWS Codebuild构build时,会产生插件错误。 该项目基本上是一个NodeJS和ReactJS项目。 我们不想移动到Jenkins,因为我们没有服务器,安装jenkins需要一个EC2实例。 我们不想维护任何服务器。 我已经尝试了AWS codebuild的以下环境: aws/codebuild/ubuntu-base:14.04 aws/codebuild/nodejs:6.3.1 aws/codebuild/nodejs:7.0.0 aws/codebuild/nodejs:4.4.7 我的buildspec.yml的前四个命令仅在使用aws/codebuild/ubuntu-base:14.04 codebuild环境时执行。 否则只有最后三个命令是我的buildspec.yml的一部分 以下是我的buildspec.yml version: 0.1 phases: build: commands: – sudo apt-get update – curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash – – sudo apt-get install -y nodejs – sudo apt-get install -y build-essential – npm install – npm run dev – aws s3 […]

var express = require('express') – 无法读取undefined的属性'prototype'

我是Express的新手,所以请原谅,如果这是一个简单的。 我有一个React项目,我正在尝试添加Express。 我已经添加了一个.js文件,以下面一行开始,以导入express: var express = require('express'); 但是,这会引发错误。 错误 request.js:31 Uncaught TypeError: Cannot read property 'prototype' of undefined at Object.<anonymous> (request.js:31) at __webpack_require__ (bootstrap 2c79a52…:555) at fn (bootstrap 2c79a52…:86) at Object.<anonymous> (express.js:20) at __webpack_require__ (bootstrap 2c79a52…:555) at fn (bootstrap 2c79a52…:86) at Object.<anonymous> (index.js:11) at __webpack_require__ (bootstrap 2c79a52…:555) at fn (bootstrap 2c79a52…:86) at Object.<anonymous> (myNewFile.js:1) 注意: […]

Create-React-App如何导入目录中的所有SCSS文件?

我正尝试使用create-react-app将一个Ruby on Rails应用程序移植到Node.js,但是我有点卡在从指定目录中预处理.scss文件。 我有一个像这样的结构:src / css / styles.scss和src / css / app /目录,其中包含一些自定义的scss文件。 所有的input都在styles.scss里面。 他们来了: @import 'customvars'; @import 'tooltipster-sideTip-punk.min'; @import 'tooltipster.bundle.min'; @import "./app/*"; 我安装了node-sass-chokidar,所以scss处理得很好,但是一旦它进入一个目录(在这种情况下,应用程序),我得到这个错误: {“status”:1,“file”:“D:/Dropbox/WebStorm/project_incognito/src/css/styles.scss”,“line”:4,“column”:1,“message”:“要导入的文件找不到或无法读取:./app/ 。\ n父级样式表:D:/Dropbox/WebStorm/project_incognito/src/css/styles.scss“, “格式化”:“错误:要导入的文件不存在或不可读:./app/ 。\ n父types表:D:/Dropbox/WebStorm/project_incognito/src/css/styles.scss \ n在src / c ss / styles.scss \ n >> @import \“./ app / * \”; \ n ^ \ n“} 我做了一些Googlesearch,发现这个解决scheme: https : //www.npmjs.com/package/import-glob-loader […]

未处理的拒绝TypeError:dbUser.validPassword不是函数Sequelize Node React Passport

我正在尝试在我的web应用程序上使用Passport身份validation。 我使用Sequelize ORM,Reactjs前端和expression式和节点后端。 现在,当我注册一个用户一切正常。 当我尝试login时出现问题。 我看到用户查询数据库find用户正确的电子邮件,但是当是时候比较密码,我抓到一个错误。 “未处理的拒绝types错误:dbUser.validPassword不是函数” 这里是我的config / passport.js文件: var passport = require("passport"); var LocalStrategy = require("passport-local").Strategy; var db = require("../models"); // Telling passport we want to use a Local Strategy. In other words, we want login with a username/email and password passport.use(new LocalStrategy( // Our user will sign in using an email, rather […]

无法安装react-transition-group

试图安装react-transition-group但得到以下错误 npm install react-transition-group@1.x –save npm ERR! peerinvalid The package react@15.6.1 does not satisfy its siblings' peerDependencies requirements! npm ERR! peerinvalid Peer react-bootstrap@0.31.0 wants react@^0.14.9 || >=15.3.0 npm ERR! peerinvalid Peer react-dom@15.6.1 wants react@^15.6.1 npm ERR! peerinvalid Peer react-fontawesome@1.6.1 wants react@>=0.12.0 npm ERR! peerinvalid Peer react-redux@5.0.5 wants react@^0.14.0 || ^15.0.0-0 || ^16.0.0-0 npm ERR! peerinvalid […]