Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Mensagens da console: "Slow network is detected. Fallback font will be used while loading"

Bom dia professores,

Na visualização da console.log estão aparecendo estas mensagens:

Slow network is detected. Fallback font will be used while loading: file:///F:/mpf/cursos/2017/11_alura/aluraframe/client/fonts/glyphicons-halflings-regular.woff2
index.html:1 Slow network is detected. Fallback font will be used while loading: file:///F:/mpf/cursos/2017/11_alura/aluraframe/client/fonts/glyphicons-halflings-regular.woff
index.html:1 Slow network is detected. Fallback font will be used while loading: file:///F:/mpf/cursos/2017/11_alura/aluraframe/client/fonts/glyphicons-halflings-regular.ttf
index.html:1 Slow network is detected. Fallback font will be used while loading: file:///F:/mpf/cursos/2017/11_alura/aluraframe/client/fonts/glyphicons-halflings-regular.woff2
index.html:1 Slow network is detected. Fallback font will be used while loading: file:///F:/mpf/cursos/2017/11_alura/aluraframe/client/fonts/glyphicons-halflings-regular.woff
index.html:1 Slow network is detected. Fallback font will be used while loading: file:///F:/mpf/cursos/2017/11_alura/aluraframe/client/fonts/glyphicons-halflings-regular.ttf

O meu index.html aparentemente está correto.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Negociações</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bootstrap-theme.css">

</head>
<body class="container">

    <h1 class="text-center">Negociações</h1>

    <form class="form">

        <div class="form-group">
            <label for="data">Data</label>
            <input type="date" id="data" class="form-control" required autofocus/>        
        </div>    

        <div class="form-group">
            <label for="quantidade">Quantidade</label>
            <input type="number" min="1" step="1" id="quantidade" class="form-control" value="1" required/>
        </div>

        <div class="form-group">
            <label for="valor">Valor</label>
            <input id="valor" type="number" class="form-control"  min="0.01" step="0.01" value="0.0" required />
        </div>

        <button class="btn btn-primary" type="submit">Incluir</button>
    </form>

    <div class="text-center">
        <button class="btn btn-primary text-center" type="button">
            Importar Negociações
        </button>
        <button class="btn btn-primary text-center" type="button">
            Apagar
        </button>
    </div> 
    <br>
    <br>

    <table class="table table-hover table-bordered">
        <thead>
            <tr>
                <th>DATA</th>
                <th>QUANTIDADE</th>
                <th>VALOR</th>
                <th>VOLUME</th>
            </tr>
        </thead>

        <tbody>
        </tbody>

        <tfoot>
        </tfoot>
    </table>
    <script src="js/app/models/Negociacao.js"></script>
    <script>
        var n1 = new Negociacao();
        console.log(n1);

        var n2 = new Negociacao();
        console.log(n2);
    </script>
</body>
</html>

Estas mensagens aparentemente não estão relacionadas ao código nem impedem as práticas mas poluem a console. Alguma ideia de como tirá-las?

3 respostas
solução!

Bom dia!

Você atualizou o bootstrap? Bem, se não quiser essas mensagens, se não me engano, basta copiar a pasta fonts do glypth ICON para dentro do seu projeto. Mas se elas estão e esta recebendo essa mensagem, não tem jeito. Porque ele tenta baixar da internet o glyph icon, se não consegue (fallback) vai lá e baixa da pasta fonts.

Aliás, tem que investigar sua rede ou firewall, pois ele deveria conseguir baixar. Esse problema pode lhe causar problemas em outras áreas.

Pesquisando, parece que essas mensagem não era para ser exibida assim, tão comumente. Bug no Chrome?

https://bugs.chromium.org/p/chromium/issues/detail?id=578029

É sobre o webfonts, mas no caso, cai no mesmo cenário que o seu.

Flávio, boa tarde. Fiz o seguinte: acrescentei este trecho no head

<link rel="stylesheet" href="css/glyphicons-halflings.css">

e inclui os seguintes arquivos na pasta fonts:

glyphicons-halflings-regular.(eot,ttf,woff,woff2,svg)

As mensagens sumiram, mas não sei se esta é a melhor solução :)

Valeu as dicas.