Bootstrap sta tentando di caricare il file della mappa. Come disabilitarlo? Ho bisogno di farlo?

127

Recentemente sto giocando con bootsrap3. L'ho compilato da sorgenti e incluso distr js e css nel mio progetto. Il fatto è che, vedo negli strumenti di sviluppo di GH, che sta cercando di ottenere il file .map.css. Perché vuole farlo? Come disabilitarlo? Devo disabilitarlo? Per non avere un segno di errore negli strumenti di sviluppo, ho aggiunto quel file di mappa, dopodiché tutti gli stili vengono visualizzati come definiti in meno file, il che non mi aiuta molto.

twitter-bootstrap  twitter-bootstrap-3 
— dhblah
fonte
5
Qualcuno delle risposte fornite di seguito risponde alla tua domanda? In caso contrario, puoi aggiornare la tua domanda in modo che possiamo migliorare le nostre risposte?
— Dominic Zukiewicz
— oliver-clare

Risposte:

162

Elimina la riga /*# sourceMappingURL=bootstrap.css.map */dabootstrap.css

— user2779632
fonte
38
Spiega brevemente la tua risposta per renderla più utile per OP e altri lettori.
— Mohit Jain
9
Funziona, ma se si fa riferimento a bootstrap direttamente da node_modules, quando bootstrap viene reinstallato, questo verrà sovrascritto
— Alexander
2
Wow! Assolutamente pazzesco ... funziona solo se "cancelli" la riga (come hai detto) ... commentare produceva ancora 404 errori! Sono contento di essere incappato nel tuo post!
— flipflopmedia
120

I file .map consentono a un browser di scaricare una versione completa del JS minimizzato. È davvero per scopi di debug.

In effetti, la mancanza di .map non è un problema. Sai solo che manca, poiché il browser ha aperto i suoi strumenti per sviluppatori, ha rilevato un file minimizzato e ti sta solo informando che il debug di JS non sarà così buono come potrebbe essere.

Questo è il motivo per cui le librerie come jQuery hanno anche il file completo, minimizzato e mappa.

Consulta questo articolo per una spiegazione completa dei file .map :

— Dominic Zukiewicz
fonte
1
Li scarica? Da dove? Ho pensato che quei file .less fossero impacchettati in qualche modo all'interno del map file. E al caricamento della pagina, bootrap ricrea quei file da un pacchetto.
— dhblah
1
Dalla stessa directory prende il .js da. Ricorda che è solo quando gli strumenti per sviluppatori sono aperti, non come una normale richiesta.
— Dominic Zukiewicz
Grazie per la tua risposta, ma non ho .lessfile nel mio progetto. Ho solo aggiunto .csse .jsfile e quel mapfile.
— dhblah
1
@ Raymond: Gli strumenti per sviluppatori non capiscono i nomi di file come .min.css - dopotutto - possiamo garantire che sia minimizzato? No ... scaricherà il .map solo per assicurarsi che abbia entrambe le copie disponibili. Ancora una volta, questo viene abilitato con gli strumenti per sviluppatori. Se chiudi la finestra degli strumenti, non verrà richiesta.
— Dominic Zukiewicz
3
Per ribadire, il file .map viene richiesto e utilizzato solo quando gli strumenti di sviluppo sono aperti, quindi se manca, non riceverai ulteriori richieste non riuscite quando un utente tipico accede alla tua pagina.
— tomf
17

Elimina la riga "/*# sourceMappingURL=bootstrap.min.css.map */ "nei file seguenti.

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

Per recuperare il percorso del file in Linux utilizzare il comando find / -name "\*bootstrap\*"

— Avinash Kancharla
fonte
I file delle mappe di origine, come bootstrap.min.css.map, vengono generati automaticamente durante il processo di minimizzazione / compilazione dei file. In realtà non sono necessari per la produzione, ma allo stesso tempo occupano 3 volte più spazio su disco di quelli che stanno mappando. Ecco perché non li includiamo nel rilascio. Se vuoi solo rimuovere quel messaggio, puoi rimuovere commenti come / * # sourceMappingURL = bootstrap.min.css.map * / in bootstrap.min.css, bootstrap.min.js e popper.min.js o scaricare il sorgente mappare i file da una versione Bootstrap 4.1.3 e inserirli nella directory libs.
— Ajay Takur
17

Ciò accade solo quando si utilizzano gli strumenti di sviluppo e non accadrà per gli utenti normali che accedono al server di produzione.

In ogni caso, ho trovato utile disabilitare semplicemente questo comportamento negli strumenti di sviluppo : apri le impostazioni e deseleziona l'opzione "Abilita mappe sorgenti".

Non ci sarà più un tentativo di accedere ai file della mappa.

— Shovalt
fonte
Penso che questa potrebbe essere la risposta più pertinente. Altri sono rilevanti solo se menzionati file come impacchettati con la tua applicazione, il che non è sempre il caso.
— Lukino
6

Se non si dispone del file .map corretto e non si desidera modificare le righe in bootstrap.css, è possibile creare un file .map fittizio.

Nel mio caso stavo vedendo l'errore:

GET /bootstrap.css.map not found.

Quindi ho creato un bootstrap.css.map vuoto nella directory / public e l'errore si è fermato.

— Julian Mann
fonte
1
Non funziona con bowero qualcosa del genere perché in modalità di produzione installerà il bootstrap dall'origine. Lo stesso per qualsiasi risposta che dice di rimuovere la linea /*# sourceMappingURL=bootstrap.css.map */.
— monteirobrena
4

Elimina / * # sourceMappingURL = bootstrap.min.css.map * / in css / bootstrap.min.css

ed elimina / * # sourceMappingURL = bootstrap.css.map * / in css / bootstrap.css

— Sergio Perez
fonte
1

Da bootstrap.css rimuovi rimuovi l'ultima riga / * # sourceMappingURL = bootstrap-theme.css.map * /

— Saineshwar
fonte
1

Avevo anche avvisi in Google Dev-Tools e ho aggiunto solo il file bootstrap.min.css.map nella stessa cartella, dove si trova bootstrap.min.css.

Ora non ho più avvisi e puoi trovare ulteriori spiegazioni qui: https://github.com/twbs/bootstrap#whats-included

Spero di aver risposto alla tua domanda.

— SVANSKI
fonte
1

Per me, ho creato un bootstrap.css.map vuoto insieme a bootstrap.css e l'errore si è fermato.

— fw0213
fonte
1

L'eliminazione di questa riga lo risolve, ma il problema è che i file boostrap sono presenti bower_componentse non controllati nel controllo del codice sorgente.

Quindi, ogni sviluppatore del team riceverà il file css con il riferimento della mappa quando estrae il repository e lo fa bower install(che fa parte dell'utilizzo di un nuovo repository).

Il file non dovrebbe avere il riferimento a una mappa che non è presente.

— Steve
fonte
1

Va bene Recentemente ho affrontato questo problema Ho una soluzione molto semplice per risolvere questo problema, segui questi passaggi: vai a queste directory src-> app-> index.html apri index.html e trova <base href="your app name ">cambiarlo in<base href="https://stackoverflow.com/">

— Sachin di Pune
fonte
0

Elimina l'ultima riga in bootstrap.css

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

— user1498608
fonte
prova a spiegare il problema e come la tua risposta ottiene una soluzione, la sua buona pratica che consente al nuovo utente di apprendere cosa era successo
— Pankaj Nimgade
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.