Soy nuevo en Google App Engine y estoy tratando de obtener el proyecto que he estado ejecutando localmente alojado allí.
Aparece mi archivo index.html , pero no se le aplica el CSS. No estoy exactamente seguro de qué es un tipo MIME , y no estoy exactamente seguro de dónde está tratando de obtener esto en mi código. Asumí que solo cargaría la etiqueta que tengo en mi contenido HTML y la aplicaría como lo hizo al usar browsersync. El archivo index.html se carga a través de:
app.get('/', (req, res) => { res.sendFile(path.join(__dirname, '/index.html')); });CSS que se carga en el archivo index.html :
<link rel="stylesheet" type="text/css" href="style.css">Cuando devuelve la hoja de estilo del servidor, debe establecer el atributo de tipo de contenido para el encabezado en text/css , es decir, debe tener algo como
<link href="style.css" rel="stylesheet" /> app.get('/style', (req, res) => { res.setHeader('Content-Type', 'text/css'); res.sendFile(path.join(__dirname, '/style.css')); }); app.get('/', (req, res) => { res.setHeader('Content-Type', 'text/html'); res.sendFile(path.join(__dirname, '/index.html')); });El problema probablemente podría estar relacionado con la biblioteca CSS que comienza con los comentarios.
En desarrollo, si la hoja de estilo se inicia con algunos comentarios, podría verse como algo diferente a CSS.
Eliminar la biblioteca y colocarla en un archivo de proveedor puede resolver el problema.
Otra posibilidad para las aplicaciones de Node.js es que debe verificar su configuración.
Ejemplo:
app.use(express.static(__dirname + '/public'));Tenga en cuenta que /public no tiene una barra diagonal al final, por lo que deberá incluirlo en su opción href de su HTML:
Ejemplo:
href=”/css/style.css”> Si incluiste una barra diagonal /public/ , entonces puedes simplemente hacer href=”css/style.css”>.
Asegúrese de que el nombre CSS sea style.css sin la segunda "s" al final. Eso también podría causar el problema.