SublimeText et BrowserSync - problème pour lier le CSS

Bonjour,

J'utilise SublimeText et BrowserSync afin de rafraichir automatiquement ma page web. Mon "index.html" est donc situé dans "http://localhost:3000/index.html".

Je crée un site web, et je suis amené à avoir plusieurs fichiers HTML. Je décide donc de les placer dans un dossier nommé "HTML". Mon fichier CSS est dans un dossier nommé "CSS".


Mon doctype est le suivant :
<!DOCTYPE html>
<html lang="fr">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Christophe DUBOIS</title>
 <link rel="stylesheet" href="../css/style.css>
</head>


En double cliquant sur "index.html", tout marche niquel. Par contre, en affichant mon site avec Browser Sync, j'obtiens l'erreur suivante (et le fichier css n'est pas lancé) :

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


Je ne comprend pas. Quel réglage de BrowerSync devrais-je paramétrer pour ce ça fonctionne ?
Merci.

2 réponses

  • Votes
  • Date
  • Date décroissante
  1. Oups ! Petit soucis quand j'ai copié le code dans CCM. C'est corrigé, mais le problème ne venait pas de là.
  2. Modérateur
    Bonjour,

    Pour commencer, il manque une quote sur ta ligne
     <link rel="stylesheet" href="../css/style.css>
    

    Il faudrait à la place
     <link rel="stylesheet" href="../css/style.css">