Estoy tratando de entregar un archivo bundle.js desde mis componentes de React, pero no estoy seguro de por qué no se entrega el archivo. Estoy usando Express y tengo un proyecto con estos archivos:
project /dist bundle.js /views /home index.ejs /routes index.js app.js En mi app.js , traté de servir bundle.js :
DIST_DIR = path.join(__dirname, 'dist') app.use(express.static(DIST_DIR)); Mi views/home/index.ejs se parece a:
<!DOCTYPE html> <html> <head> <title></title> <link rel='stylesheet' href='css/styles.css'/> </head> <body id="main-page"> <div class="container"> </div> <script src="bundle.js"></script> </body> </html> Finalmente GET la página en mi routes/index.js usando:
var express = require('express'); var router = express.Router(); router.get('/', function(req, res, next) { res.render('home/index.ejs'); }); module.exports = router;Y esta es mi aplicación.js
var express = require("express"); path = require("path"), cookieParser = require('cookie-parser'), bodyParser = require('body-parser'); index = require('./routes/index'), app = express(); DIST_DIR = path.join(__dirname, 'dist'), app.use(express.static(DIST_DIR)); app.use('/', index); app.set('views', path.join(__dirname, 'views')), app.set('view engine', 'ejs'); module.exports = app;Pero vuelvo con un error: respuesta vacía cada vez que intento cargar la página. Me estoy perdiendo algo y no estoy seguro de dónde. Cualquier ayuda sería apreciada.
Por lo general, tiene un index.html que contiene un div donde se carga todo. Si desea construir todo desde cero, vea algo como lo siguiente, http://andrewhfarmer.com/build-your-own-starter/#0-intro
O si desea pasar menos tiempo con las herramientas y más tiempo reaccionando, entonces mire el uso de https://github.com/facebookincubator/create-react-app