Bootstrap intenta cargar el archivo de mapa. ¿Cómo deshabilitarlo? ¿Necesito hacerlo?

127

Recientemente estoy jugando con bootsrap3. Lo compilé de las fuentes e incluí distr js y css en mi proyecto. Lo que pasa es que veo en las herramientas de desarrollo de GH que está tratando de obtener el archivo .map.css. ¿Por qué quiere hacerlo? ¿Cómo deshabilitarlo? ¿Necesito deshabilitarlo? Para no tener una marca de error en las herramientas de desarrollo, agregué ese archivo de mapa, después de lo cual todos los estilos se muestran como se definieron en menos archivos, lo que no me ayuda mucho.

twitter-bootstrap twitter-bootstrap-3

— dhblah
fuente

44

¿Alguna de las respuestas dadas a continuación responde a su pregunta? Si no, ¿puede actualizar su pregunta para que podamos mejorar nuestras respuestas?

— Dominic Zukiewicz

Posible duplicado de ¿

— oliver-clare

162

Eliminar la línea /*# sourceMappingURL=bootstrap.css.map */debootstrap.css

— usuario2779632
fuente

37

Explique su respuesta brevemente para que su respuesta sea más útil para OP y otros lectores.

— Mohit Jain

9

Esto funciona, pero si se hace referencia a bootstrap directamente desde node_modules, cuando se reinstala bootstrap, esto se sobrescribirá

— Alexander

2

¡Guauu! Absolutamente loco ... esto solo funciona si "borras" la línea (como dijiste) ... ¡comentar aún produce errores 404! Me alegro de haberme topado con tu publicación.

— flipflopmedia

118

Los archivos .map permiten que un navegador descargue una versión completa del JS minificado. Es realmente para fines de depuración.

En efecto, el .map que falta no es un problema. Solo sabe que falta, ya que el navegador ha abierto sus herramientas de desarrollador, detectó un archivo minimizado y solo le informa que la depuración de JS no será tan buena como podría ser.

Es por eso que las bibliotecas como jQuery también tienen el archivo completo, el minificado y el mapa.

Consulte este artículo para obtener una explicación completa de los archivos .map :

— Dominic Zukiewicz
fuente

1

Los descarga? ¿De donde? Supuse que esos archivos .less están empaquetados de alguna manera dentro del archivo de mapa. Y al cargar la página, bootrap recrea esos archivos desde un paquete.

— dhblah

1

Del mismo directorio obtiene el .js de. Recuerde que es solo cuando las herramientas de desarrollador están abiertas, no como una solicitud normal.

— Dominic Zukiewicz

Gracias por su respuesta, pero no tengo .lessarchivos en mi proyecto. Solo agregué .cssy .jsarchivos y ese maparchivo.

— dhblah

1

@Raymond: Las herramientas para desarrolladores no entienden los nombres de archivo como .min.css, después de todo, ¿podemos garantizar que esté minimizado? No ... descargará el .map solo para asegurarse de que tiene ambas copias disponibles. Nuevamente, esto se está habilitando con las herramientas de desarrollador. Si cierra la ventana de herramientas, no se solicitará.

— Dominic Zukiewicz

3

Para reiterar, el archivo .map solo se solicita y se usa solo cuando las herramientas de desarrollo están abiertas, por lo que si falta, no recibirá ninguna solicitud de falla adicional cuando un usuario típico vaya a su página.

— tomf

27

Eliminar la línea /*# sourceMappingURL=bootstrap.css.map */enbootstrap.css

Si el error persiste, limpie la memoria caché del navegador (CTRL + F5).

— Nicolás Jofré
fuente

1

¿La misma respuesta dos años después?

— Panu Haaramo

17

Esto solo sucede cuando usa las herramientas de desarrollo, y no sucederá para los usuarios normales que acceden al servidor de producción.

En cualquier caso, me pareció útil simplemente deshabilitar este comportamiento en las herramientas de desarrollo : abra la configuración y desactive la opción "Habilitar mapas de origen".

Ya no se intentará acceder a los archivos del mapa.

— Shovalt
fuente

Creo que esta podría ser la respuesta más relevante. Otros son relevantes solo si los archivos mencionados están empaquetados con su aplicación, lo cual no es el caso todo el tiempo.

— Lukino

16

Eliminar la línea "/*# sourceMappingURL=bootstrap.min.css.map */ "en los siguientes archivos.

css / bootstrap.min.css
css / bootstrap.css

Para buscar la ruta del archivo en Linux, use el comando find / -name "\*bootstrap\*"

— Avinash Kancharla
fuente

Los archivos de mapa de origen, como bootstrap.min.css.map, se generan automáticamente durante el proceso de minificación / compilación de archivos. En realidad no son necesarios para la producción, pero al mismo tiempo ocupan 3 veces más espacio en disco que los que están mapeando. Es por eso que no los incluimos en el lanzamiento. Si solo desea eliminar ese mensaje, puede eliminar comentarios como / * # sourceMappingURL = bootstrap.min.css.map * / en bootstrap.min.css, bootstrap.min.js y popper.min.js o descargar la fuente mapear archivos de una versión de Bootstrap 4.1.3 y ponerlos dentro del directorio libs.

— Ajay Takur

6

Si no tiene el archivo .map correcto y no desea editar líneas en bootstrap.css, puede crear un archivo .map ficticio.

En mi caso, estaba viendo el error:

GET /bootstrap.css.map not found.

Así que creé un bootstrap.css.map vacío en el directorio / public y el error se detuvo.

— Julian Mann
fuente

1

No funciona bowero algo así porque en modo de producción instalará el bootstrap desde la fuente. Lo mismo para cualquier respuesta que diga eliminar la línea /*# sourceMappingURL=bootstrap.css.map */.

— monteirobrena

4

Eliminar / * # sourceMappingURL = bootstrap.min.css.map * / en css / bootstrap.min.css

y eliminar / * # sourceMappingURL = bootstrap.css.map * / en css / bootstrap.css

— Sergio Pérez
fuente

1

De bootstrap.css eliminar eliminar la última línea / * # sourceMappingURL = bootstrap-theme.css.map * /

— Saineshwar
fuente

1

También tenía advertencias en Google Dev-Tools y agregué solo el archivo bootstrap.min.css.map en la misma carpeta, donde está bootstrap.min.css.

Ahora no tengo más advertencias y puedes encontrar más explicaciones aquí: https://github.com/twbs/bootstrap#whats-included

Espero haber respondido tu pregunta.

— SVANSKI
fuente

1

Para mí, creé un bootstrap.css.map vacío junto con bootstrap.css y el error se detuvo.

— fw0213
fuente

1

Eliminar esta línea lo arregla, pero el problema es que los archivos boostrap están en bower_components y no están controlados en el control de origen.

Por lo tanto, cada desarrollador del equipo obtendrá el archivo css con la referencia del mapa cuando extraiga el repositorio y lo haga bower install(lo cual es parte del uso de un nuevo repositorio).

El archivo no debe tener la referencia a un mapa que no está allí.

— Steve
fuente

1

Bien, recientemente enfrenté este problema. Tengo una solución muy simple para resolver este problema, siga estos pasos: vaya a estos directorios src-> app-> index.html, abra index.html y busque <base href="your app name ">cambiar esto a<base href="https://stackoverflow.com/">

— Sachin de Pune
fuente

0

Eliminar la última línea en bootstrap.css

siguiendo lin / * # sourceMappingURL = bootstrap.css.map * /

— usuario1498608
fuente

intente explicar el problema y cómo su respuesta obtiene solución, es una buena práctica que permite a los nuevos usuarios aprender lo que sucedió

— Pankaj Nimgade