Apenas no Firefox “Falha no carregamento do <script> com fonte”

Quero integrar o formulário Marketo ao meu site existente no framework yii. Meu código funciona em todos os navegadores, exceto Firefox.

Trecho do meu código:

    $('#button').click(function () {
    var formData = {
        'Email': $('#UserInfo_email').val(),
        'FirstName': $('#UserInfo_first_name').val(),
        'LastName': $('#UserInfo_last_name').val(),
        };
    MktoForms2.loadForm('//app-ab23.marketo.com', mcId, formId, function (form) {
        var myForm = MktoForms2.allForms()[0];
        myForm.addHiddenFields(formData);
        myForm.onSuccess(function (values, followUpUrl) {
            return false;
        });
        myForm.submit();
    });
});

Recebo erro no Firefox apenas com mensagem

O carregamento falhou para o <script> com a fonte “ http://app-ab23.marketo.com/index.php/form/getForm?munchkinId=1111&form=1111&url=http%3A%2F%2Fblox.dev%2Fwizard%2Fmap&callback= jQuery110207175825035737486_1503656391790 & _ = 1503656391791 ”.

outros navegadores fazem o trabalho corretamente

observação: munchkinId e formId foram alterados para postagem aqui.

Acabei de ter o mesmo problema em um aplicativo que está carregando um script com um caminho relativo.

Parece que o script foi simplesmente bloqueado pelo Adblock Plus.

Tente desabilitar seu bloqueador de anúncios / script (Adblock, uBlock Origin, Privacy Badger ...) ou realocar o script de forma que não corresponda às regras do seu bloqueador de anúncios.

Se você não tiver esse plug-in instalado , tente reproduzir o problema enquanto executa o Firefox no modo de segurança .

• Se você não conseguir reproduzi-lo no modo de segurança, significa que seu problema está vinculado a um de seus plug-ins ou configurações.
• Caso contrário, pode ser um problema diferente. Certifique-se de ter a mesma mensagem de erro da pergunta. Observe também a guia de rede das ferramentas do desenvolvedor para verificar se o seu script está listado (recarregue a página primeiro, se necessário).

Eu acabei de ter o mesmo problema - para mim, o Privacy Badger no Firefox era o problema - não o adblocker. Postando para a posteridade

Percebi que no Firefox isso pode acontecer quando as solicitações são abortadas (troca de página ou atualização rápida de página), mas é difícil reproduzir o erro mesmo se eu tentar.

Outros motivos possíveis: problemas relacionados ao certificado e este fala sobre bloqueadores (conforme outras respostas indicadas).

Como sugerido acima, isso pode ser um problema com as extensões do seu navegador. Desative todas as suas extensões, incluindo Adblock , e tente novamente, pois o código está carregando bem no meu navegador agora (Google Chrome - mais recente), portanto, provavelmente é um problema para você. Além disso, você tentou um navegador diferente, como o shudders IE, se você o tiver? Adblock é conhecido por entrar em conflito com nomes de domínio com tracke marketdentro deles como uma regra geral. Tente usar o modo de navegação privada ou o modo de segurança .

Eu tive o mesmo problema (app web diferente embora) com a mensagem de erro e ele acabou por ser o MIME-Type para arquivos .js estava text/x-jsem vez de application/javascriptdevido a uma entrada duplicada em mime.types no servidor que foi responsável pelo atendimento a arquivos js. Parece que isso está acontecendo se o cabeçalho X-Content-Type-Options: nosniffestiver definido, o que faz o Firefox (e o Chrome) bloquearem o conteúdo dos arquivos js.

Tive o mesmo problema (mensagem de erro exata) e depois de cavar por algumas horas, descobri que o cabeçalho do conteúdo precisa ser definido como em application/javascriptvez do application/jsonque eu tinha. Depois de mudar isso, agora funciona.

Hoje encontrei exatamente o mesmo problema enquanto trabalhava em uma página de aplicativo web progressivo (PWA) e excluí alguns dados de cache e service worker para essa página do Firefox. O console dev relatou que nenhum dos 4 arquivos Javascript da página carregaria mais. O problema persistia no modo de segurança, portanto, não era um problema de complemento. Os mesmos arquivos de script foram carregados corretamente de outras páginas da web no mesmo site. Limpar o cache do Firefox ou os dados da página da web do Firefox não ajudaria em nada, nem reiniciar o PC com Windows 10. O Chrome funcionou sempre bem na página do problema. No final, fiz uma restauração de toda a pasta de perfil do Firefox a partir de um backup do dia anterior, e o problema foi imediatamente resolvido, portanto, não era um problema com meu aplicativo PWA. Aparentemente, algo no Firefox foi corrompido.

Às vezes, as VPNs também podem causar esse erro, se fornecerem algum tipo de bloqueio automático. Desativar a VPN funcionou no meu caso.

Se o src for https e o certificado tiver expirado - e mesmo se você fez uma exceção - o firefox ainda exibirá essa mensagem de erro e você pode ver o motivo exato se olhar a solicitação na guia rede.

Tive o mesmo problema com o firefox, quando procurei por uma solução não encontrei nada, mas tentei carregar o script de um cdn, funcionou corretamente, então acho que você deveria tentar carregá-lo de um link de cdn, Quero dizer, se você está tentando carregar um script que não criou. porque no meu caso, quando tentei carregar um script que é meu, funcionou e importou com sucesso, por enquanto não sei porque, mas acho que tem algo nos scripts da rede, então tente cdn, você ganhou ' t perder nada.

Eu desejo que te ajude.

Isso também pode ser um erro de sintaxe simples. Eu tive um erro de sintaxe que jogou no FF, mas não no Chrome da seguinte maneira:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
        defer
    </script>

Corri na mesma situação e o script estava carregando corretamente em modo de segurança. No entanto, desabilitar todos os add-ons e outros recursos de segurança do Firefox não ajudou. Uma coisa que tentei, e essa foi a solução no meu caso, foi desabilitar temporariamente o cache da janela do desenvolvedor para essa solicitação específica. Depois que vi que essa era a causa, limpei o cache daquele site e tudo começou a funcionar normalmente.

Depois de rodar npx vue buildtentei abrir dist/index.htmlno Firefox e recebi o mesmo erro, perdi que a página compilada também deveria ser servida como em modo de desenvolvimento.

npm i -g http-server
cd dist/
http-server

Com os comandos acima, consegui ver a página da Web construída sem erros.