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

Não mostra a imagem home.jpg de jeito nenhum

Não sei por que nem no Chrome e nem no Firefox aparece a imagem home.jpg. É um mistério, pois em princípio achei que, ao digitar o código do projeto, eu tivesse feito algo de errado, mas daí baixei o projeto da aula e mesmo assim continua dando o erro 404 no console ao tentar carregar essa imagem, embora o projeto funcione corretamente em tudo o mais. Já tentei de tudo, não sei mais o que fazer.

3 respostas

Se você puder enviar o trecho de código em que você coloca a imagem, ficaria mais fácil solucionar sua dúvida. Provavelmente o caminho não está certo.

O caminho é o mesmo que está na página do curso:

<img class="img-fluid d-none d-sm-block" src="/assets/img/home.jpg" alt="Welcome">

E tbm já alterei esta url de tudo quanto é forma pra ver se de algum jeito funcionava, mas não deu certo.

Nos fontes, o arquivo de imagem está em: alurapic\src\assets\img\home.jpg

Tem um detalhe que percebi agora... No console, logo abaixo da mensagem de que a figura não pôde ser carregada, aparece a seguinte mensagem:

zone.js:2969 XHR finished loading: GET "http://localhost:4200/sockjs-node/info?t=1548516453179". scheduleTask @ zone.js:2969 push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:407 push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:232 push../node_modules/zone.js/dist/zone.js.Zone.scheduleMacroTask @ zone.js:255 scheduleMacroTaskWithCurrentZone @ zone.js:1114 (anonymous) @ zone.js:3001 proto.(anonymous function) @ zone.js:1394 AbstractXHRObject.start @ sockjs.js:1601 (anonymous) @ sockjs.js:1490 push../nodemodules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:421 push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:188 push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:496 ZoneTask.invoke @ zone.js:485 timer @ zone.js:2054 setTimeout (async) scheduleTask @ zone.js:2075 push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:407 push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:232 push../node_modules/zone.js/dist/zone.js.Zone.scheduleMacroTask @ zone.js:255 scheduleMacroTaskWithCurrentZone @ zone.js:1114 (anonymous) @ zone.js:2090 proto.(anonymous function) @ zone.js:1394 AbstractXHRObject @ sockjs.js:1489 XHRLocalObject @ sockjs.js:2910 InfoAjax @ sockjs.js:356 InfoReceiver.getReceiver @ sockjs.js:536 InfoReceiver.doXhr @ sockjs.js:556 (anonymous) @ sockjs.js:525 push../nodemodules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:421 push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:188 push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:496 ZoneTask.invoke @ zone.js:485 timer @ zone.js:2054 setTimeout (async) scheduleTask @ zone.js:2075 push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:407 push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:232 push../node_modules/zone.js/dist/zone.js.Zone.scheduleMacroTask @ zone.js:255 scheduleMacroTaskWithCurrentZone @ zone.js:1114 (anonymous) @ zone.js:2090 proto.(anonymous function) @ zone.js:1394 InfoReceiver @ sockjs.js:524 SockJS @ sockjs.js:730 initSocket @ socket.js:9 (anonymous) @ client?719c:211 ./node_modules/webpack-dev-server/client/index.js?http://0.0.0.0:0 @ vendor.js:85739 webpack_require @ bootstrap:81 0 @ main.ts:12 webpack_require @ bootstrap:81 checkDeferredModules @ bootstrap:43 webpackJsonpCallback @ bootstrap:30 (anonymous) @ main.js:1

solução!

Finalmente descobri. Não sei se no computador do professor e de outros alunos roda com a barra antes de assets ("/assets/img/home.jpg"). Só sei que, pra mim, não funciona. Tive azar de testar outras urls do tipo: "/img/home.jpg", "img/home.jpg", "home.jpg", etc. e, como não havia dado certo, postei a pergunta neste fórum. Acho que a única url que eu não tinha tentado foi a que dava certo na minha máquina. :-( De volta das férias e com mais paciência, tentei de novo. Daí, no meu primeiro teste, apenas tirei a barra antes de assets e funcionou.