Tag: reactjs

节点React结构没有视图引擎: 我是新来的节点。我正在使用express-handlebars作为我的view-engine ，但现在我已经添加了React，我明白，我不再需要把手。我遇到的问题是，为了访问index.html页面，没有句柄，我不得不使用 app.use(express.static('./public')); 一切都从反应中呈现出来，但是如果我想在用户进入索引页面的时候做一些其他的事情呢 app.get("/",function(req,res){ console.log("connected"); }); 如果我在导出静态文件之后添加get请求， console.log永远不会被调用。如果我之前使用它，它确实被调用，但我可以看到永久加载页面。我现在应该如何构build应用程序，并且我没有view engine了？

当我刷新的时候，Webpack-dev-middleware会返回一个404: 我正在尝试使用react-redux-app来设置webpack-dev-middleware。如果我刷新了主页，我收到了200个状态码。但是，如果我刷新任何其他页面（'/login'），我会得到一个404错误。谷歌search后，我发现这在Github上： var express = require('express'); var app = express(); var webpack = require('webpack'); var path = require('path'); var compiler = webpack(require('./webpack.config.js')); app.use(require('webpack-dev-middleware')(compiler, { noInfo: true, publicPath: '/' })); app.use('*', function (req, res, next) { var filename = path.join(compiler.outputPath,'index.html'); compiler.outputFileSystem.readFile(filename, function(err, result){ if (err) { return next(err); } res.set('content-type','text/html'); res.send(result); res.end(); }); […]

电子邮件使用React和Node js发送应用程序: 我正在使用React和Node js创build一个电子邮件发送应用程序。我正在使用Nodemailer发送电子邮件。要在电子邮件正文中获得丰富的HTML和CSS，我正在使用React js构build电子邮件正文。所以，一旦body被React js渲染，它可以通过Nodemailer作为html发送。到目前为止，我已经能够设置Nodemailer为简单的文本，附件工作。我已经在email.jsx中构build了电子邮件正文（使用响应式HTML）。我已经把路由（'/发送'），看看它实际上看起来如何在服务器端。我面临的问题是如何编译我创build的.jsx模板，并使用Nodemailer将其作为html发送。我知道我们可以确定使用Hogan来做到这一点，如果它的.hjs文件。但是我怎样才能达到同样的.jsx文件。由于我是React js的新手，请耐心等待。这是email.jsx。我已经使用了反应js来构build具有物化页眉和页脚的电子邮件的正文。 email.jsx var React = require('react'); var Layout = require('./layout'); class Email extends React.Component { render() { return ( <Layout title={this.props.firstName}> <Layout text={this.props.textfield}> {/* Compiled and minified CSS */} <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/css/materialize.min.css" /> {/* Compiled and minified JavaScript */} […]

Webpack渲染：“窗口没有定义”: 我使用MERN – https://github.com/Hashnode/mern-starter（react，redux，webpack，nodejs，express ）和组件react-sound – https://github.com/leoasis/react-sound 当我包含组件 import Sound from 'react-sound'; 并尝试启动服务器，我有"window is not defined"错误从webpack服务器渲染。但是，如果我评论这条线并启动服务器，一切都会好起来的。之后，我可以取消注释这一行，组件将工作，因为当服务器正在运行，更改不会触发服务器呈现（只有正面呈现）。如果我尝试 if (typeof window !== 'undefined') { const Sound = require('react-sound'); } 并在渲染 render() { return ( <div> <Sound playStatus={Sound.status.STOPPED} url="" /> </div> ); } 我有ReferenceError: Sound is not defined在前面渲染错误（在webpack之后）。更新：如果我尝试（ var ，不是const ） if (typeof window […]

从react-scripts生成响应构build的问题: 我用react-scripts创build了react项目。完成一些function后，我试图build立这个项目。为此，我使用了npm run build命令。当我运行这个命令时，我可以生成生成文件夹。现在，我把生成文件夹移动到我的服务器，并试图执行。这是给我空白的白屏，并说没有findindex.js。我不确定，如何解决这个问题。你能帮我么。谢谢。

ReactJS响应式轮播从零开始: 好吧，所以基本上我正在尝试从头开始为ReactJS编写一个轮播。我已经完成了对导航，幻灯片等所需function的必须编码。这样做的主要目的是为了使其响应，但这是我很难找出如何做。 carousel.js import React from 'react' import { NavLink } from 'react-router-dom' import classNames from 'classnames' export default class Carousel extends React.Component { constructor(props) { super(props) this.handleNext = this.handleNext.bind(this) this.handlePrev = this.handlePrev.bind(this) this.state = { innerWidth: 0, navPrevDisabled: true } } componentWillMount() { var stateItems = [] for(let i in this.props.items) { stateItems.push( […]

在ReactJS中路由: 任何人都可以向我解释路由如何在Reactjs中工作？ browserHistory.push（'/ location'）只更新URL栏并且不redirect到它。 browserHistory.goBack（）的作品，但只有当页面被访问之前，因此名称。这让我很难理解browserHitory.goForward（）如何工作？ login成功后，我一直在尝试redirect到仪表板。而已。从我读到的，React不允许重新加载页面。如果我们尝试刷新页面或在URL中写入地址，它将显示不能GET /path错误; 除非请求是在服务器上进行的。我试图在服务器上创build路由，但无法获得如何实现它的语法。我只在Node中进行编码，以便将res.send（）发送到客户端应用程序。我如何渲染这条路？因为渲染到该path将意味着节点的App.js具有React应用程序的视图引擎。我不知道是否足够清楚，但任何build议将是有益的。谢谢。

MySQL中的node.js来自react.js: 我做我的第一个Web应用程序与节点和reacc。我在node.js中执行sql查询并在我的页面中显示html元素。我需要帮助获取我的HTML页面中的sql的结果作为JSONdate。我把一些代码放在我的实验中，这可能是非常错误的。问候。 var React = require('react'); var DefaultLayout = require('./layout/master'); var mysql = require('mysql'); var connection = mysql.createConnection({ port: '3301', host: 'localhost', user: 'root', password: 'root', database: 'nodedb', }); connection.connect(); function getArticless() { connection.query('select * from articles', function(err, result) { if (err) JSON.stringify(err); else JSON.stringify(result); }); } const jsonArticles = getArticless(); var […]

使用React Router 4进行服务器端渲染时，上下文为未定义: 我正在使用React Router 4在基本级别上实现服务器端渲染，以了解它是如何工作的。不过，我遇到了一些问题，React Router提供的文档并不清楚如何解决它们： 1）/服务器/路由中的我的上下文variables是未定义的。在前面的教程中我看到React Router用来使用createServerRenderContext（）; 但是在他们的文档中没有提到，所以我假设他们摆脱了它。我认为StaticRouter应该为你创build你的上下文吗？我如何定义我的上下文？ 2）我的htmlvariables呈现StaticRouter作为一个string在控制台显示这两个错误： Warning: React.createElement: type is invalid — expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in. Uncaught Error: Element type is invalid: expected a string […]

在heroku反应的应用程序不启动: 我有一个应用程序与本地主机工作正常，但它并没有开始在我的heruko实例。这是我的package.json文件： { "name": "innova-client", "scripts": { "build": "webpack –config build/webpack.development.js", "watch-build": "webpack –progress –watch –config build/webpack.development.js", "start": "webpack-dev-server –config build/webpack.standalone.js", "test": "jest" }, "jest": { "transform": { ".(ts|tsx)": "<rootDir>/node_modules/ts-jest/preprocessor.js" }, "testRegex": "(/__tests__/.*|\\.(test|spec))\\.(ts|tsx|js)$", "moduleFileExtensions": [ "ts", "tsx", "js" ] }, "devDependencies": { "@types/enzyme": "^2.7.5", "@types/jest": "^18.1.1", "@types/jquery": "^2.0.40", "@types/lodash": "^4.14.54", "@types/react": "^15.0.14", "@types/react-addons-test-utils": "^0.14.17", "@types/react-dom": […]