Tag: reactjs

找不到模块：错误：无法parsing模块'react-addons-test-utils'

我有一个ES6项目，我使用webpack将客户端代码转换为ES5。 该项目在客户端使用ReactJS，所以unit testing自然使用React TestUtils。 在最新的更新（0.14）中，React 改变了几个模块的导入方式 （包括TestUtils）。 我想更新，但我不知道如何使更改导入后unit testing工作。 当我尝试运行testing时，我收到以下消息： 04 12 2015 12:40:48.038:ERROR [karma]: { [Error: no such file or directory] code: 'ENOENT', errno: 34, message: 'no such file or directory', path: '/_karma_webpack_/public/test/main.js' } Error: no such file or directory at MemoryFileSystem.readFileSync (<project>/node_modules/karma-webpack/node_modules/webpack-dev-middleware/node_modules/memory-fs/lib/MemoryFileSystem.js:107:10) at MemoryFileSystem.readFile (<project>/node_modules/karma-webpack/node_modules/webpack-dev-middleware/node_modules/memory-fs/lib/MemoryFileSystem.js:297:21) at doRead (<project>/node_modules/karma-webpack/index.js:156:26) at Plugin.readFile (<project>/node_modules/karma-webpack/index.js:160:3) at doNTCallback0 […]

如何在ReactJS的事件中添加或删除className

对于React，我很新，我正在为从标准的js转换我的思想而挣扎。 在我的反应组件中，我有以下元素： <div className='base-state' onClick={this.handleClick}>click here</div> 我正在寻找的行为是点击添加一个额外的类。 我的第一个想法是试图在点击处理函数中添加类，例如 handleClick : function(e) { <add class "click-state" here> } 我还没有find任何类似的例子，所以我相当肯定我没有正确的思考这个问题。 任何人都可以指向正确的方向吗？

React Router v4中的indexLink

菜鸟在这里。 在React Router v4中有没有新的方法来使用indexLink？ 我正在更新一些版本3代码（我想我离开angular度避免所有这些弃用！） 我把它带入一些descructuring： var {NavLink, IndexLink} = require('react-router-dom'); 并使用IndexLink保持它始终不醒目： <h2>Nav</h2> <IndexLink to="/" activeClassName="active" activeStyle={{fontWeight: 'bold'}}>blah blah blah</IndexLink> //Other navlinks working fine IndexLink是打破我的代码的唯一的东西，这是从我改变它的错误。 “警告：React.createElement：type是无效的 – 期望一个string（对于内置组件）或一个类/函数（对于复合组件），但得到：undefined。你可能忘了从你定义的文件中导出你的组件检查Nav的渲染方法“。 一切都被导出，简单的应用程序完美工作，直到我添加IndexLink。 现在传递出去。

如何解决peer dependency错误：包react@15.3.2不满足其兄弟的peerDependencies要求

我运行npm install时出现这个错误。 这似乎是因为我无法满足一些同伴依赖，但我不确定哪个同伴依赖我需要修复。 λ npm install npm ERR! Windows_NT 10.0.14393 npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install" npm ERR! node v4.6.0 npm ERR! npm v2.15.9 npm ERR! code EPEERINVALID npm ERR! peerinvalid The package react@15.3.2 does not satisfy its siblings' peerDependencies requirements! npm ERR! peerinvalid Peer belle@2.0.7 wants react@>=0.14.0 || ^15.0.0-rc npm ERR! peerinvalid […]

我怎样才能使用passportjs和reactjs？

我有3个意见，（首页，注册，login）在reactJs，我想在我的项目中使用护照，但我不知道该怎么做，我有护照可configuration，它的url工作。 我能做些什么来pipe理会议和用户数据，就像我们在ejs或者玉石中那样？

在Node JS Server代码中的Webpack别名

我正在构build一个同构的React / React-Router / Redux / Webpack应用程序，我试图实现服务器端渲染。 我的目录看起来像： /client /actions /components /containers /server /server.js 在我的webpackconfiguration中，我为客户端中的所有文件夹设置了别名： var path_base = path.resolve(__dirname, '..'); const resolve = path.resolve; const base = function() { var args = [path_base]; args.push.apply(args, arguments); return resolve.apply(resolve,args); }; const resolve_alias = base.bind(null, 'src/client'); const aliases = [ 'actions', 'components', 'constants', 'containers', 'middleware', 'reducers', 'routes', 'store', […]

Javascript / webpack：如何连接目录中的所有json文件，并使用自定义循环覆盖文件

我正在用webpack构buildreactJs包。 我目前正试图将json文件连接到一个对象，以便与i18next一起使用。 我觉得这很简单，我不想使用过于复杂的解决scheme。 我有一个目录结构 消息/ LOCALE_NAME / domain_name.json 如何导入我的代码中的常规对象中的所有json文件？ 到目前为止，我一开始正在努力，因为我发现需要（'fs'）的build议，但webpack告诉我它不能解决fs模块，我已经看到我不能安装它，因为它是默认节点configuration。 有些帮助赞赏。 谢谢 ！

同时testing两个不同的npm软件包版本

当我创build一个npm包时，有时候会面临需要向后依赖旧的依赖包版本。 如果新版本有新的API，我可以用这种模式编写代码： import pkg from 'some-pkg'; const isNewVersion = pkg.newVersionApi !== 'undefined'; if (isNewversion) { pkg.newVersionApi(); } else { pkg.oldVersionApi(); // backward compatible api } 而有了这种模式，当我想写testing时，我只能testinginstalled version代码。 其他版本的代码不能被testing。 例如，在React v15和v16中，React v16有了新的API Portal 。 在Portal发布之前，v15有unstable_renderSubtreeIntoContainer api来实现类似的function。 所以React的代码就是这样的： import ReactDOM from 'react-dom'; const isV16 = ReactDOM.createPortal !== 'undefined'; if (isV16) { ReactDOM.createPortal(…); } else { ReactDOM.unstable_renderSubtreeIntoContainer(…); } […]

如何在JSX中使用nodemon？

我可以用一个命令编译和运行我的JSX应用程序： jsx app.jsx | node 但我也希望我的服务器每次修改app.jsx时自动重启。 我可以用nodemon来完成 ，但是我不能完全弄清楚如何让nodemon事先通过JSX编译器来运行我的脚本。 我有一个nodemon.json文件像这样设置： { "execMap": { "js": "node", "jsx": "jsx {{filename}} | node" }, "ext": "js jsx", "ignore": [ ".hg", "node_modules", ".idea" ], "verbose": true } 但是当我运行nodemon它告诉我： 8 Feb 21:58:48 – [nodemon] starting `jsx app.jsx | node` 8 Feb 21:58:48 – [nodemon] child pid: 10976 '\"jsx app.jsx | node\"' […]

ReactJS + Redux：即使有正确的API请求，为什么MongoDB不把数据保存到数据库？

我的ReactJS + Redux项目中有一个MongoDB / Webpack / NodeJS Express。 我正在使用redux中的动作创build者进行API调用，然后到达API服务器并返回成功状态，但是数据永远不会被保存，甚至在terminalmongo -> dbs也不会创build数据库，并且不会显示我把它命名为。 可能是什么问题？ 我错过了什么吗？ 任何指导或见解将不胜感激。 谢谢 这是我的API设置： import axios from 'axios'; import { browserHistory } from 'react-router'; import cookie from 'react-cookie'; import { AUTH_USER, AUTH_ERROR } from './types'; const API_URL = 'http://localhost:3000/api'; export function errorHandler(dispatch, error, type) { let errorMessage = (error.data.error) ? error.data.error : error.data; […]