Recientemente estoy empezando a hacer una aplicación web con React y Django. Instalé reaccionar con vite.js (porque parece muy rápido en el entorno de desarrollo). y lo conecté al framework web Django y lo ejecuté. y pensé que mostraría la página de reacción básica (ya sabes, la página oscura y el favicon giran). Sin embargo, contrariamente a mis expectativas, solo se muestra en blanco y revisé el archivo console.log. el mensaje de error fue este: se Refused to apply style from 'http://127.0.0.1:8000/assets/index.cd9c0392.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
así que lo busqué en Google y descubrí que es un problema con la ruta en la mayoría de los casos. pero cuando reviso mi index.html en el archivo de compilación, la ruta parece estar bien. a continuación se muestra la estructura de mi carpeta de compilación e index.html, ¿puede decirme qué está mal con mi código o lógica o ambos? Gracias por leer, su ayuda será apreciada.
frontend -dist => this is build folder --assets ---index.cd9c0392.css ---favicon.21sd12.js . . . --index.html -node_modules -src -index.html . . .index.html (en dist)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" type="image/svg+xml" href="/assets/favicon.17e50649.svg" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Vite App</title> <script type="module" crossorigin src="/assets/index.3e288fda.js"></script> <link rel="modulepreload" href="/assets/vendor.dc18184a.js"> <link rel="stylesheet" href="/assets/index.cd9c0392.css"> </head> <body> <div id="root"></div> <script type="module" src="/src/main.jsx"></script> </body> </html>PD: También recibo los siguientes errores, que supongo que son del mismo tipo de errores que los anteriores para tu información.
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec. vendor.dc18184a.js:1 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec. main.jsx:1 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.Para usar React con Django, hay algunas cosas que debe hacer.
En Django view.py , debe crear una vista que sirva el archivo HTML al usuario:
#views.py from django.shortcuts import render def index(request): return render(request, 'path/to/html/file/index.html') En el archivo urls.py , debe crear una ruta que le diga a Django qué hacer cuando realiza una solicitud:
#urls.py from django.contrib import admin from django.urls import path, re_path from .views import index #url patters is read from top to bottom urlpatterns = [ path('admin/', admin.site.urls), re_path('.*', index), #regex which says everything but admin/ will go to the index view ] Para acceder a la página, iría a http://127.0.0.1:8000 y debería mostrar el archivo .html que especificó en views.py