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

Resource interpreted as Stylesheet but transferred with MIME type text/html:

Boa Tarde.

Preciso de uma ajuda. Meu css não esta sendo encontrado.


GET http://localhost:8081/casadeleilao/resources/css/form.css net::ERR_ABORTED 404

Inicialmente pensei que era a não implementação do método configureDefaultServletHandling.


public class AppWebConfiguration extends WebMvcConfigurerAdapter {

    @Override
    public void configureDefaultServletHandling(DefaultServletHandlerConfigurer configurer) {
        configurer.enable();
    }

}

Procurei no forum e verifiquei que estava tudo correto. Ainda assim, o problema persiste.

Tentei então colocar o arquivo CSS na mesma página do HTML. O erro mudou, passou a ser:

Resource interpreted as Stylesheet but transferred with MIME type text/html

Tentei essa conf: https://cursos.alura.com.br/forum/topico-buscando-o-css-e-o-js-na-url-errada-76069

Sem sucesso.

Alguma idéia do pq isso acontece?

3 respostas

Oi Gilmar! Tudo bem?

Poderia conferir que você tem a configuração abaixo?

@Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/resources/**").addResourceLocations("/resources/css", "/resources/images","resources/js");
    }

Se possível explica como está a estrutura de diretórios da sua aplicação web para eu tentar ajudar.

Abraço e sucesso,

Rodrigo

solução!

Rodrigo, Boa Tarde.

SIm, esse metodo foi implementado.

A pasta CSS está dessa forma:

-WEB-INF
   -resources
      -css    


Request URL: http://localhost:8080/casadeleilao/resources/css/bootstrap.min.css
Request Method: GET
Status Code: 404 
Remote Address: [::1]:8080

Obrigado pela ajuda Rodrigo. O resources estava dentro de WEB-INF. Por isso o erro.

Oi Gilmar!

Recursos estáticos não devem ficar dentro da pasta WEB-INF. Apenas páginas, fragmentos, templates ficam na WEB-INF.

Tente mover resources para o diretório principal da sua aplicação web e me fala se deu certo.

Ficaria dessa maneira

/index.html ou index.jsp
/resources/
/resources/js/
/resources/js/your-js-file-name.js
/resources/css/
/resources/css/your-css-file-name.css
/resources/images/
/resources/images/your-image-file-name.jpg

Abraço,

Rodrigo