Tipo MIME não suportado | jQuery: avance na biblioteca mais popular do mercado parte 2

Solucionado (ver solução)

Solucionado
(ver solução)

8
respostas

por Bruno Brito Silva

| 74.2k xp | 12 posts

Olá, Importei o arquivo tooltipster.bundle.min.css e segui o passo a passo para incluir a mensagem de tooltipster, porém não estou conseguindo aplicar o estilo na minha página (me certifiquei que o caminho está correto) e no console aparece a mensagem a baixo:

Refused to apply style from 'http://localhost:3000/public/css/libs/tooltipster.bundle.min.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

Saberiam me dizer o porque esse erro ocorre? E uma maneira de resolve-lo?

8 respostas

por Matheus Henrique Castiglioni

| 5303.5k xp | 9004 posts

Instrutor Senior Software Engineer

30/06/2020

Fala ai Bruno, tudo bem? Parece que o navegador está tentando importar e interpretador seu arquivo .css como se fosse HTML.

Como você fez a importação do mesmo na página? Consegue me mandar o trecho de código? Assim eu consigo dar uma olhada com mais calma.

Mas, tente verificar se você utilizou a tag link com o atributo href e rel, algo assim:

<link rel="stylesheet" href="caminho-ate-o-arquivo">

Espero ter ajudado.

por Bruno Brito Silva

| 74.2k xp | 12 posts

01/07/2020

Fala, Matheus ! Tudo bem e você? Importei dessa maneira:

`<head>
    <meta charset="UTF-8">
    <title>Alura Typer</title>
    <link rel="stylesheet" href="./css/libs/materialize.min.css">
    <link rel="stylesheet" href="./css/libs/google-fonts.css">
    <link rel="stylesheet" href="/public/css/libs/selectize.default.css">
    <link rel="stylesheet" href="/public/css/libs/tooltipster.bundle.min.css">
    <link rel="stylesheet" href="./css/estilos.css">
</head>`

Porém ainda não consegui identificar o erro.

por Matheus Henrique Castiglioni

| 5303.5k xp | 9004 posts

Instrutor Senior Software Engineer

01/07/2020

Fala Bruno, estão corretos, é isso mesmo.

Estranho, talvez o problema esteja no servidor, ou seja, ele está tentando ler CSS como HTML.

Consegue compartilhar o projeto completo? Assim eu consigo simular o problema por aqui e analisá-lo com mais calma.

Pode compartilhar através do Github ou Google Drive (zipado).

Se puder também, me explica os passos para simular o problema.

Espero ter ajudado.

por Bruno Brito Silva

| 74.2k xp | 12 posts

01/07/2020

Matheus, Está aqui o projeto no github

https://github.com/Brunopgm/game-alura-typer

Muito obrigado pela ajuda

por Matheus Henrique Castiglioni

| 5303.5k xp | 9004 posts

Instrutor Senior Software Engineer

01/07/2020

Fala ai Bruno, aqui para mim está dando 404, é um projeto privado? Se sim eu vou precisar de acesso ao mesmo.

Fico no aguardo.

por Bruno Brito Silva

| 74.2k xp | 12 posts

02/07/2020

Fala, Matheus. Perdão estava privado. Pode tentar novamente, por favor

solução!

por Bruno Brito Silva

| 74.2k xp | 12 posts

03/07/2020

Olá, Matheus. Encontrei o problema estava na importação do arquivo que deveria ser:

<link rel="stylesheet" href="./css/libs/selectize.default.css">
<link rel="stylesheet" href="./css/libs/tooltipster.bundle.min.css">

Mas, muito obrigado

por Matheus Henrique Castiglioni

| 5303.5k xp | 9004 posts

Instrutor Senior Software Engineer

07/07/2020

Fala ai Bruno, fico feliz que tenha resolvido o problema.

Eu acabei arquivando o email com sua resposta sem querer, acabei nem vendo o projeto, desculpas.

Sempre que precisar não deixe de criar suas dúvidas.

Espero ter ajudado.