Tag: reactjs

在NodeJS中执行webpack编译的包: 我想为我的ReactJS应用程序实现服务器端渲染。我使用react-router 。我把routes.js作为webpack入口点，并使用output.libraryTarget = "commonjs2"选项进行编译。然后我需要在NodeJS脚本中编译的结果进行渲染。但是我有错误。 Webpack在以下代码中打包模块： /* 277 */ /***/ function(module, exports, __webpack_require__) { /* WEBPACK VAR INJECTION */(function(Buffer, global) { if (global.foo) { /* … */ } /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(277).Buffer, (function() { return this; }()))) /***/ } 当NodeJS尝试执行(function() { return this; }())它的返回值undefined 。在浏览器中将返回window 。为什么webpack使用这样的包装代码？如何使这个代码在NodeJS中工作？我使用节点克隆作为外部库。 […]

TypeError：从Redux使用连接时_this.store.getState不是函数: 当我第一次运行服务器node app.js一切都很好，我listening on 5050然后我去localhost：5050 /，我得到这些警告在服务器运行的控制台。 Warning: Failed propType: Required prop `store.subscribe` was not specified in `Provider`. Warning: Failed Context Types: Required child context `store.subscribe` was not specified in `Provider`. 该组件呈现罚款那里，但一旦我去本地主机：5050 / ballerviews我得到这个在服务器上 TypeError: _this.store.getState is not a function at new Connect (/Users/freddiecabrera/Desktop/ullibol-client/node_modules/react-redux/lib/components/connect.js:133:38) at [object Object].ReactCompositeComponentMixin.mountComponent (/Users/freddiecabrera/Desktop/ullibol-client/node_modules/react/lib/ReactCompositeComponent.js:148:18) at [object Object].wrapper [as mountComponent] (/Users/freddiecabrera/Desktop/ullibol-client/node_modules/react/lib/ReactPerf.js:66:21) at Object.ReactReconciler.mountComponent (/Users/freddiecabrera/Desktop/ullibol-client/node_modules/react/lib/ReactReconciler.js:37:35) […]

什么服务器端代码使用React应用程序: 我目前正在学习React，并已经设法了解前端。为了便于学习，我开始使用使用Webpack＆Babel的create-react-app锅炉板。我现在正处于我想与用户上传文件和其他帐户相关活动（如“喜欢”列表中的某些项目）的一些交互的阶段。我已经将Firebase作为我的数据库进行身份validation，并且有一些关于文件存储和处理用户与Web应用程序交互的问题：传统上，我一直在使用PHP来处理用户请求。 IE的用户会发出一个AJAX请求与目标文件是一个PHP文件，将采取发布的数据，然后继续进行数据库更新或张贴上传的文件到服务器。我应该使用与我的React应用程序相同的方法吗？我猜如果我使用这种方法，这将意味着我将在节点服务器上托pipe我的应用程序的可视化部分，并且在PHP服务器上处理任何php文档来处理ajax请求？似乎很受欢迎的替代方法是使用Node.js来处理与我的数据库的用户交互。我可以发布类似的Ajax请求到节点文件，而不是php文件，以便进行数据库更新或file upload？这样做通常是安全的吗？道歉，如果这些问题听起来有点菜鸟，这是很多新的东西学习，我正在尽我所能，让我的头缠到它！谢谢

如何使用导入这个npm包？: 我想导入这个包。链接只提供这个例子 var LineChart = require("react-chartjs").Line; var MyComponent = React.createClass({ render: function() { return <LineChart data={chartData} options={chartOptions} width="600" height="250"/> } }); 但如何导入像这样 import {LineChart } from 'react-chartjs'; 我无法弄清楚如何。线; 在import风格

在Redux中使用React Native中的NetInfo中间件: 我想testing所有组件是否用户连接到互联网。我可以在每个组件中使用NetInfo ，但是由于我使用的是redux ，所以我认为使用中间件（？）可以更容易。我用过 import { createStore, applyMiddleware } from 'redux'; const netInfo = store => next => action => { const listener = (isConnected) => { store.dispatch({ type: types.NET_INFO_CHANGED, isConnected, }); }; NetInfo.isConnected.addEventListener('change', listener); NetInfo.isConnected.fetch().then(listener); return next(action); }; const store = createStore(AppReducer, applyMiddleware(netInfo)); 其中AppReducer只是combineReducers(navReducer, netInfoReducer, …) 。这似乎工作，但我真的很担心，如果这performance不错。它似乎只运行一次，但我从来没有删除监听或任何东西。如果你想用isConnectedvariables填充所有的组件，你通常会这么做吗？

configuration.output.path：提供的值“./”不是绝对path: 我有一个错误：无效的configuration对象。 Webpack已经使用与API模式不匹配的configuration对象进行了初始化。 – configuration.output.path：提供的值“./”不是绝对path！同时在下面安装reactjs我的package.json文件 { "name": "reactset", "version": "1.0.0", "description": "react", "main": "index.js", "scripts": { "start": "webpack-dev-server –hot" }, "keywords": [ "test" ], "author": "test", "license": "ISC", "dependencies": { "babel-core": "^6.25.0", "babel-loader": "^7.1.1", "babel-preset-es2015": "^6.24.1", "babel-preset-react": "^6.24.1", "react": "^15.6.1", "react-dom": "^15.6.1", "webpack": "^3.0.0", "webpack-dev-server": "^2.5.0" } } using upgraded node version 4.0 and npm […]

npm ERR！代码UNABLE_TO_GET_ISSUER_CERT_LOCALLY: 我正在尝试所有的方法，如果创build反应的应用程序我已经尝试过与maven，现在我正尝试与来自Facebook孵化器的箱子反应，应用程序构build系统。当我试图在npm环境中运行命令create-react-app my-app时，它在我的个人系统上运行，没有任何问题。但是，当我在我的工作环境中尝试相同的命令，我遇到了命令提示符上的这个错误 npm ERR! node v6.10.2 npm ERR! npm v3.10.10 npm ERR! code UNABLE_TO_GET_ISSUER_CERT_LOCALLY npm ERR! unable to get local issuer certificate npm ERR! npm ERR! If you need help, you may report this error at: npm ERR! <https://github.com/npm/npm/issues>

使用React和Express: 我在NodeJS（由Heroku托pipe）上使用Express框架来创build我的网站。我也使用React框架来创build我的组件。我有几个HTML文件内部的div和React组件可以在这些div呈现。当用户select路线（例如/movies ）时，我希望能够将一个HTML文件与一个组件关联起来，并将其返回给用户。我已经找了一个解决scheme，但他们都谈论服务器端渲染和发回HTML文件。还有其他解决scheme吗？

上传图像到GraphQL服务器: 我正在使用react-dropzone和graphql-server-express-upload在GraphQL Apollo中上传图像。在我的客户端文件看起来像这样：但在服务器上，当我login时，看起来像这样： { preview: 'blob:http://localhost:3000/c622b0bd-3f0d-4f52-91f4-7676c8534c59' } 我正在按照graphql-server-express-upload的自述文件中的说明进行操作，但目前为止还没有成功。如何获得完整的图像？

reactRouter2.default使用Babel未定义: 我已经创build了一个基于本教程的通用React应用程序，但是我得到了 'Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components).' 在Chrome开发工具中。看着编译的代码，我可以看到一个未定义的对象 – _reactRouter2.default 。表面上看起来一切正常，我可以在页面之间导航，我可以在浏览器中使用后退button，但是我不明白那个错误。任何人都可以阐明我如何解决它？这里是一个屏幕截图，展示了如何构造_reactRouter2.default并且它是未定义的。以下是一些相关的代码片段： SRC / routes.js import React from 'react'; import { Route } from 'react-router'; import Main from './components/Main.js'; import Login from […]