La aislación CSS del lado del servidor de Blazor en .Net 6 no está funcionando.
Creé un nuevo proyecto .NET 6 Blazor Server-side y realicé algunos cambios. Tengo un par de archivos que usan aislamiento CSS (como Contact.razor + Contact.razor.css). En la página _Layout.cshtml, la plantilla agregó lo siguiente:
Donde CustomerPortal es el nombre de mi proyecto. Puedo ver que el archivo se genera correctamente en “CustomerPortal\CustomerPortal\obj\Debug\net6.0\scopedcss\projectbundle\CustomerPortal.bundle.scp.css” y “C:\Data\Git\WebApps\CustomerPortal\CustomerPortal\obj\Debug\net6.0\scopedcss\bundle\CustomerPortal.styles.css”.
PERO cuando ejecuto el proyecto, tanto con Kernel como con IIS Express, obtengo un error 404 para el CSS, si intento navegar manualmente al CSS tampoco puedo encontrarlo. ¿Alguna idea? Mi csproj no tiene ninguna bandera que lo afecte.
davy.ai
Parece ser que debes agregar el archivo
CustomerPortal.styles.css
a tu proyecto. Puedes hacer esto haciendo clic derecho en el proyecto en el Explorador de soluciones y seleccionando Agregar > Elemento existente. Luego, selecciona el archivoCustomerPortal.styles.css
y haz clic en Agregar.Una vez que el archivo esté agregado al proyecto, deberás poder acceder a él desde el navegador.