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

Javascript não são carregados no navegador depois do deploy da aplicação vue.js

Ola, eu fiz uma pequena aplicação seguindo o exemplo de um livro.

Quando eu rodo o :

npn run serve

, a aplicação funciona perfeitamente no navegador.

Agora depois que eu faco o build com:

npm run build

E tento rodar do na pasta var/www/html em no meu ubuntu aqui, a aplica não funciona.

Ao abrir o console, eu tenho:

O script de “http://localhost/js/chunk-vendors.7d8d9f8b.js” foi carregado apesar do seu tipo MIME (“text/html”) não ser um tipo MIME JavaScript válido.
dist
Falha no carregamento do <script> com a fonte “http://localhost/js/chunk-vendors.7d8d9f8b.js”. dist:17:1
O script de “http://localhost/js/app.060d32e8.js” foi carregado apesar do seu tipo MIME (“text/html”) não ser um tipo MIME JavaScript válido.
dist
Falha no carregamento do <script> com a fonte “http://localhost/js/app.060d32e8.js”. 

Todo o meu código pode ser visto https://github.com/Squiercg/testes, mas a aplicação parece que ta tudo certinho, da esse pau no firefox 69.0.2 64 bits no ubuntu 19 que uso aqui. Tentei ler varias respostas no google sobre esse problema de MIME type, mas nada deu certo.

Alguém tem alguma sugestão de qual o problema, não sei se estou procurando uma solução de forma errada.

2 respostas

Eu consegui fazer funcionar aqui. Quando eu faço o build, ele faz os scripts assim no index.html criado na pasta dist

<script src=/js/chunk-vendors.7d8d9f8b.js></script>
<script src=/js/app.060d32e8.js></script>

Mar por causa dessa barra a mais nada funcionar, eu eu tirei na mão e funcionou, parece que tem que mudar uma configuração de quando ele faz o build, para funcionar, mas nao entendi o que tem que fazer.

<script src=js/chunk-vendors.7d8d9f8b.js></script>
<script src=js/app.060d32e8.js></script>
solução!

Fala ai Augusto, tudo bem? Acho que você pode tentar criar um arquivo chamado vue.config.js na raiz do seu projeto e definir o seguinte conteúdo para ele:

module.exports = {
    baseUrl: ''
}

Tente variações do baseUrl.

Pode ser que dê certo, caso não dê a gente vai conversando e tentando outras soluções.

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software