No carga el componente en react. error en http://localhost:3000/ muestra el mensaje en la pagina Cannot GET / al tratar de cargar componente React

publicado por: Anonymous

file:server.js

const express = require('express');

    const express = require('express');
const app = express();

    const app = express();
app.use(express.static(__dirname + '/public'));

    app.use(express.static(__dirname + '/public'));
app.listen(3000, function () {

    app.listen(3000, function () {
    console.log('server on port 3000');

        console.log('server on port 3000');
});

    });

file: index.jsx

import React,{Component} from 'react' import {render} from 'react-dom';

class Prueba extends Component{ render(){ <h1>Plantilla React</h1> }} render(< Prueba/>,document.getElementById('app'));

solución

Agregue el return, inclui la siguiente linea

app.get('/*', function(req, res, next) {
   res.sendFile('index.html', { root: __dirname });
});

Reinicie el ordenador,compile de nuevo por npm install react react-dom –save, corri de nuevo el server y todo funciona perfecto!

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *