Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

569
Vistas
¿Por qué el navegador muestra contenido en blanco, a pesar de que el front-end y el back-end se ejecutan sin errores?

Tengo un problema con mi aplicación MERN-Stack que muestra contenido en blanco en el navegador a pesar de que el front-end y el back-end se ejecutan sin errores.

En el navegador, aparecen dos errores a través de la inspección;

  1. Error de sintaxis no detectado: token inesperado '<' en main.b4d4fd26.js:1

  2. Manifiesto: Línea: 1, columna: 1, Error de sintaxis en manifest.json:1

¿Cuál sería la solución a esto?

Servidor:

 const express = require("express"); const { ApolloServer } = require("apollo-server-express"); const path = require("path"); // require("dotenv").config(); require("dotenv").config({ path: path.resolve(__dirname, ".env") }); const { typeDefs, resolvers } = require("./schemas"); const { authMiddleware } = require("./utils/auth"); const db = require("./config/connection"); const PORT = process.env.PORT || 5000; const app = express(); const server = new ApolloServer({ typeDefs, resolvers, context: authMiddleware, // These two lines below enable the playground when deployed to heroku. You can remove them if you don't want this functionality introspection: true, playground: true, }); server.applyMiddleware({ app }); app.use(express.urlencoded({ extended: false })); app.use(express.json()); if (process.env.NODE_ENV === "production") { app.use(express.static(path.join(__dirname, "../client/build"))); } app.get("*", (req, res) => { res.sendFile(path.join(__dirname, "../client/build/index.html")); }); db.once("open", () => { app.listen(PORT, () => { console.log(`Server running on port http://localhost:${PORT}`); console.log(`Use GraphQL at http://localhost:${PORT}${server.graphqlPath}`); }); });

Archivo Manifest.json:

 { "short_name": "React App", "name": "Create React App Sample", "icons": [ { "src": "favicon.ico", "sizes": "64x64 32x32 24x24 16x16", "type": "image/x-icon" }, { "src": "logo192.png", "type": "image/png", "sizes": "192x192" }, { "src": "logo512.png", "type": "image/png", "sizes": "512x512" } ], "start_url": ".", "display": "standalone", "theme_color": "#000000", "background_color": "#ffffff" }
over 4 years ago · Santiago Trujillo
1 Respuestas
Responde la pregunta

0

Encontré el problema...

Entonces, para ejecutar la aplicación en la máquina local, tanto el front-end como el back-end deben estar ejecutándose. Esto podría hacerse por separado si el front-end y el back-end tienen sus propios directorios raíz. Sin embargo, la forma correcta de ejecutar esto es ejecutar npm run develop en la terminal. Esto permite que ambos servidores de la aplicación sean completamente funcionales.

Ventajas de ser novato...

over 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda