Tag: reactjs

如何处理npm3对等依赖冲突: 我只是将我的meteor项目迁移到1.3以下，他们build议我使用npm反应包而不是气氛。当我安装反应和反应，我得到最新版本是15.0.1 但是，我的项目使用npm的固定数据表，它具有对等的依赖关系 "peerDependencies": { "react": ">=0.13.0 <0.15.0 || ^0.14.0-beta3", "react-dom": ">=0.14.0 <0.15.0 || ^0.14.0-beta3" } 所以，如果我使用反应15.0.1我会遇到未满足的同伴依赖性错误。如何处理这种情况？或者这意味着我不能使用固定数据表，如果我使用反应15？我不能安装老版本的反应，因为还有其他包也有react@^15.0.1作为对等的依赖。

摩卡+ chai + jsdom-不能加载自定义模块目录: 我正在使用一个多入口的应用程序，它大量使用通用组件，我从webpack中的resolve部分加载它（请参阅webpack文件） webpack文件 resolve: { extensions: ['', '.js', '.css', '.scss', '.jsx', '.json'], modulesDirectories: ['node_modules', 'common'] } 但问题是，当我要testing该组件，它不能从通用文件夹加载目录，因为我没有定义它作为模块目录，所以有没有办法加载自定义模块目录在testing环境

带有Phantom.JS和Pageres（节点模块）的WebPackconfiguration错误: 我正在尝试导入名为“pageres”（ https://github.com/sindresorhus/pageres ）的节点包模块，该模块使用Phantom.JS截取用户定义的网页。我使用NPM来成功安装pageres，但试图将模块导入到我的项目中时，会抛出“无法parsing模块”child_process“”，“无法parsing模块fs”和“无法parsing模块”净'”。在研究这个问题时，我发现（ https://github.com/cytoscape/cytoscape.js/issues/998 ）的工作是将下面的代码片段添加到我的webpackconfiguration文件中： node: { fs: "empty", child_process: 'empty', net: 'empty' } 问题是，这样做明确了防止webpack编译我的代码的错误，但现在我的应用程序根本不呈现。是否有任何解决方法可用来解决这个问题，任何人都可以解释为什么我以前用“无法解决模块”child_process“的错误来了？附注：我正在使用React-Redux-Universal（ https://github.com/erikras/react-redux-universal-hot-example ）作为我的锅炉，因此React.JS正在处理我的视图。 Webpackconfiguration（位于下面的Universal-reduxconfiguration文件中）： webpack: { /* // A list of libraries that do not change frequently between deploys // and are best served in the vendor bundle. Optional. // // Expects: Array */ // vendorLibraries: [], […]

在meteor中找不到模块“../../client/components/layouts/home.jsx”: 我今天第一次学习meteor框架。我安装了react-dom和react-mounter，通过npm而不是atmospherejs.I面临着一个问题，那就是无法find模块'../../client/components/layouts/home.jsx'。我不认为path中有错误。因为我的routing.jsx位于lib目录内的路由目录内，而home.jsx位于位于客户目录的components子目录内的layouts目录内。 lib – routing – routes.jsx client – components – layouts – home.jsx routes.jsx import React from 'react'; import {mount} from 'react-mounter'; import HomeLayout from '../../client/components/layouts/home.jsx'; import Layout from '../../client/components/layouts/layout.jsx'; publicRoutes = FlowRouter.group({ name:'publicroutes' }); privateRoutes = FlowRouter.group({ name:'privateroutes' }); publicRoutes.route('/',{ name:'Home', action(){ mount( HomeLayout, {} ) } }); publicRoutes.route('/dashboard',{ name:'Dashboard', action(){ mount(Layout,{ […]

JS林特错误：不要在一个循环内的function – 没有解决方法: 我有一个反应JS中的小代码片段，其中我试图search对象“类别”中的值，然后将相应的键值对插入到新的映射sortedCategories 。 var categoriesToSort = []; //categoriesToSort has some values var sortedCategories = new Map(); for(var j = 0 ; j < categoriesToSort.length ; j++) { categories.forEachMap(function(key, value){ if(categoriesToSort[j] === value) { sortedCategories.set(key, value); } }); } 但是这是给我以下lint错误，我没有得到任何解决方法。不要在循环中创build函数

Webpack：'绑定未定义': 我build立应用程序与nodejs（服务器）和reactjs（客户端）..一切都好，但最近我有一些问题与webpack ..之后，我运行webpack我有一个浏览器控制台中的错误：未捕获的ReferenceError：未定义绑定我不知道这个问题..任何帮助？在这里我的webpackconfiguration： var ExtractTextPlugin = require('extract-text-webpack-plugin') var webpack = require('webpack') module.exports = { entry: [ 'babel-polyfill', './src/client/index.js' ], devtool: 'source-map', output: { path: './src/static/js/', filename: 'bundle.js' }, module: { loaders: [{ exclude: /node_modules/, loader: 'babel-loader', query: { presets: ['react', 'es2015', 'stage-1'] } }, { test: /\.scss$/, loader: ExtractTextPlugin.extract('css!sass') }, { test: /\.json$/, […]

React.js应用程序stream错误: 我想了解以下两个文档stream程之间的区别，以及为什么第一个工作，第二个工作不起作用。所以工作的版本只有文件： main.js import React from 'react'; import ReactDOM from 'react-dom'; import $ from 'jquery'; import fullcalendar from 'fullcalendar'; import jqueryUI from 'jquery-ui'; 'use strict'; function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this […]

./node_modules/.bin/webpack -d不运行，说不认可的内部命令: 我正在尝试使用webpack，Npm和babelbuild立一个反应环境。命令./node_modules/.bin/webpack -d总是给出（“。”不是内部命令或path未find或“node_modules”不是内部命令）。我检查了我的目录的内容，它具有node_modules/.bin/webpack/…下的webpack文件夹node_modules/.bin/webpack/… 我什至尝试过全球。但是没有path/.bin ，而是有node_modules/webpack 。在$PATHvariables中我有C:\Users\User\AppData\Roaming\npm\node_modules 我应该添加额外的path，但即使添加npm\node_modules\webpack到上面的命令正在工作的$PATHvariables。请咨询，以便我可以开始发展。谢谢！

如何在ExpressJS Server中使用多个SPA（单页应用程序）组织Web应用程序？: Reactjs与Redux一起使用非常好。但是，如果我们要构build一个大型的networking应用程序，只有一个单页面应用程序往往不是最好的select。我认为，在一个网站（通常是多个Redux-React应用程序）中，将传统的MVC框架（如Expressjs MVC框架）和Reactjs结合起来。在这个网站中，我可能有多个WebPack包文件，也就是说，这个网站可能包含多个SPA（单页应用程序）。我不知道如何在我的Nodejs服务器（Express）中进行组织。我是否需要有多个WebPackconfiguration文件，并运行多个WebPack实例来生成mutilple包文件（以及如何在ExpressJS服务器中运行多个WebPack实例？）？或者我可以写一个WebPackconfiguration文件，并有多个包文件输出？谢谢！

摩洛哥伊斯坦布尔在反应的应用程序不正确的覆盖面: 背景我的项目包括：一个带有jsx和js （包括*.test.js ）文件的app/目录调用instanbul的npm脚本： babel-node ./node_modules/istanbul/lib/cli.js cover ./node_modules/mocha/bin/_mocha — \"./{,!(node_modules)/**/}*.spec.js\" –delay –compilers js:babel-core/register –recursive 我估计实际上我有3-5％的代码覆盖率问题当我运行报告时，数字要高得多： ======== Coverage summary ======== Statements : 93.24% ( 193/207 ) Branches : 41.67% ( 10/24 ) Functions : 92.45% ( 49/53 ) Lines : 94.12% ( 192/204 ) 也许instanbul不包括jsx文件，因为我有： jsx LOC的jsx js〜600 LOC 任何人都可以提供洞察到configuration – 谢谢 […]