Recurso interpretado como hoja de estilo pero transferido con texto tipo MIME / html

Este es mi html:

      

Ahora cuando cargo la página, el inspector de Safari me da:

Recurso interpretado como hoja de estilo pero transferido con texto tipo MIME / html

Estoy trabajando en localhost con MAMP. No estoy seguro de qué modificar para que esto funcione. Leí que esto podría ser un problema de servidor de algún tipo.

¿Cómo lo soluciono?

Cree un archivo .htaccess en su carpeta raíz (o actualice la existente) con esta línea dentro

 AddType text/css .css 

esto le indicará a apache que envíe el encabezado de content-type correcto para el archivo .css

Existe la posibilidad de que no solo los recursos CSS se hayan interpretado erróneamente. Tal vez sea un problema de la configuración de tu servidor web.

La mejor forma de comprobarlo es ir a Chrome -> pestaña Red y verificar la sección de respuestas para cada solicitud. También puedes ejecutar $ curl -I http://path_to_file_or_page con terminal y echarle un vistazo a la respuesta, deberías verlo en el siguiente formato, por ejemplo, Content-Type: image/jpeg


Entonces, si ocurriera que el servidor web (apache) lo hace para todos los archivos, entonces puede intentar resolver el problema de la siguiente manera:

Verifique su /etc/apache2/apache2.conf Si hay alguna SetHandler application/x-httpd-php , intente comentarla y luego vuelva a cargar su apache por $ sudo system apache2 reload

Háganos saber si el problema todavía está allí.