Tag: reactjs

Webpack2 Hot Module重新加载Express.js Universal React应用程序: 通用应用程序的webpackconfiguration通常是一个configuration对象的数组，如： module.exports = [ { name: 'client', entry: { app: […require("./loaders").hotLoaders, "./src/frontend/client"], libs: [ 'react', 'react-dom' ] }, output: { path: path.join(__dirname, "../../www"), filename: "js/[name].bundle.js" }, … }, { name: 'server', target: 'node', entry: { server: ["./src/universal/server"], express: ["./src/universal/express"] }, output: { path: path.join(__dirname, "../../www"), filename: "js/[name].bundle.js" } … }]; 在运行webpack –config build/webpack/prod.js ，我可以在生产环境中执行以下操作，只需运行server.express块的输出，如node www/express.bundle.js […]

npm peerDependencies反应：无法安装任何软件包: 我正在构build新的React App来学习和使用Draft-js ，RichStyle文本编辑器。我使用create-react-app来初始化我的React应用程序。它的工作，并非常容易使用。现在，我尝试添加SemanticUI lib的React版本semantic-ui-react 。 Aaaaannd失败。 npm安装semantic-ui-react –save 正如你所看到的，对于draft-js也有同样的效果。我的问题是通常使用React 15.4.2来使用draft-js＆semantic-ui-react是没有问题的。我在专业环境中使用这个堆栈。有什么我失踪与NPM？ create-react-app可以停止安装？现在，我无法安装任何软件包。每次出现此错误。但是，我不能仍然npm start我的本地Web服务器。我也试过npm cache clean 是我非常简单的package.json 再次感谢您的帮助。解决scheme ：只需更新NPM，一切正常。编辑：我的App文件夹：而我的npm＆node版本

反应链接到function不起作用: 对不起，如果这是一个重复的问题。我似乎无法解决这个问题或find答案。我有一个基本的React路由器设置，我正在努力工作，我真的被困在让链接function工作。提前致谢。线框示例这是代码。 App.js import React from 'react' import reactDOM from 'react-dom' import { Router, Route, hashHistory, IndexRoute } from 'react-router' import About from "./About Us/About" import FrontPage from "./Front Page/FrontPage" import HeaderNavigation from './General/HeaderNavigation'; reactDOM.render(( <Router history = {hashHistory}> <Route path="/" component={FrontPage}> <IndexRoute component = {HeaderNavigation}/> <Route path="/About" component={About}/> </Route> </Router> […]

Webpack不包括我们所有的js和jsx文件，甚至是那些在同一个目录下的文件: 我们正在尝试升级使用WebPack构build的React.js应用程序。在我们的升级中，我们正在从Webpack 1.0迁移到2.0，并且我已经对升级进行了“必要的”更改。但是，当我查看包含的文件时，它正在构build和编译，它是以前包含的文件的一个非常小的规模。例如，我们在React Flux Actions目录中有34个文件。有些文件的.js扩展名是.jsx。但是，在这34个文件中，只有1个出现在构build中。另一个发生了什么事情33.这个扩展名是.js，但是那个目录下还有更多的.js文件。我错过了什么？这是我们的主要configuration文件。 var path = require('path'); var webpack = require('webpack'); var StringReplacePlugin = require("string-replace-webpack-plugin"); var Environment = require('./js/environment'); module.exports = { entry: [ './js' ], output: { path: path.join(__dirname, 'build'), filename: 'bundle.js', }, plugins: [ new StringReplacePlugin(), new webpack.LoaderOptionsPlugin({ options: { tslint: { emitErrors: true, […]

React – variables是未定义的而不是true / false – 组件首先被渲染？: 好吧，所以我试图实现的是一个函数，它返回一个不同的标签，取决于文件是否存在，或不。到目前为止，代码本身似乎正在工作，但顺序是错误的。我所做的是打印出“文件存在”或“不存在”的function部分进行实际检查，将boolean保存到testvariables中，使用所述variables来确定最终返回哪个button。现在发生了什么，即使第一部分打印出“文件确实存在”（应该保存为true ）， console.log(test)进一步下降返回undefined ，这当然，导致条件不工作。我相信我可以忽略一些非常简单的东西，但我无法弄清楚。 import React from 'react'; import RaisedButton from 'material-ui/RaisedButton'; import fs from 'fs'; var ConfigChecker = React.createClass({ render: function(){ var test; fs.open('./App.js', 'r', (err, fd) => { if (err) { if (err.code === 'ENOENT') { console.log('file does not exist'); test = false; } throw err; } console.log('this should […]

我想创build一个下载button，但文件不下载？: 我正在创build请求服务器下载文件的点击监听器的下载button 代码点击侦听器： downloadFileClick(event){ $.ajax('/download', {data:{}}).done(function(data){ }.bind(this)); } 在服务器端下面的代码正在运行 app.get('/download', function(req, res){ var file = __dirname + '/write/imageout.png'; res.download(file); }); 文件不在浏览器中下载。我检查了从服务器发送给客户端的响应，它发送文件内容，但不从浏览器下载。

在React（客户端）上传.json文件并发送给Node（服务器端）: 我想要一个用户能够浏览他们的本地文件select一个json文件并上传它。我不想直接导入它。之后，我将它发送到一些服务器API，并将数据从JSON文件保存到数据库。问题是如何上传一个JSON文件，以及如何发送数据到服务器端API？ JSON文件看起来像这样{“people”：[{“name”：“Jon”，age：23}，{“name”：“Jane”，age：25}]} 我有这样的反应组件 … handleSubmit (e) { e.preventDefault() const fileUpload = this.refs.file.value; } render (): React.Element<any> { return ( … <form onSubmit={this.handleSubmit} encType="multipart/form-data"> <input type="file" ref="file" accept=".json" id="fileInput" aria-describedby="fileHelp" /> <button type="submit">Submit</button> </form> ) 编辑使用下面的卢卡提示我尝试使其工作，但仍然没有运气。我是这样做的。使用npm Dropzone拖拽文件和superagent（我得到一些错误与获取） … dropHandler (file) { let formData = new FormData() formData.append('file', file[0]) request.post('/exchange') .send(formData) .end(function […]

如何在同一端口上启动反应和节点API服务器？: 我在port 8080上构build了一个简单的express API。在另一个端口（3000）我build立客户端反应，从我的快递API端点获取数据。为此，我将不得不在独立的端口上运行这两个应用程序。我怎样才能在相同的端口运行这两个例如。 8080？我很新。帮助将非常感激。

NodeJS / MongoDB – 字段只添加一次？: 我正在学习与Node（Express / Mongoose）和MongoDB的React，一切似乎现在按预期工作，但我有这个大问题： var userSchema = new mongoose.Schema({ login: { type: String, required: true, unique: true }, password: { type: String, required: true } }) app.post('/registerUser', function (req, res) { res.send(req.body) db.on('error', console.error.bind(console, 'connection error:')) // save user using model var user = new UserModel(req.body) user.save() } 每次我POSTlogin和密码，它只被保存一次，然后结束。所以例如，如果我发送POST三次： login=admin&password=admin login=admin2&password=admin2 login=admin3&password=admin3 db.users.count()显示1 ，只有第一个POST […]

你应该发布你的stream式文件夹到NPM吗？: 我想知道是否和在什么条件下，你应该发布你的包flow-typed文件夹NPM。也许（和我一直在想的）答案从来没有，应用程序开发人员自己使用streamtypes，但flow-typed install可能只是为自己声明的依赖关系提供定义，而不是包内的依赖关系。所以简而言之，如果你的软件包有非对等streamtypes的依赖关系，我应该发布我的flow-typed文件夹，或者我应该npmignore它？