SublimeText et BrowserSync - problème pour lier le CSS

Fermé

preliator13600 Messages postés 73 Date d'inscription lundi 10 février 2020 Statut Membre Dernière intervention 22 avril 2023 - Modifié le 21 déc. 2020 à 14:18
jordane45 Messages postés 38299 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 novembre 2024 - 21 déc. 2020 à 16:46

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.

A voir également:

SublimeText et BrowserSync - problème pour lier le CSS
Lier calendrier outlook et gmail - Guide
Comment lier des pdf - Guide
Lier une adresse mail à gmail - Guide
Comment lier html et css - Forum HTML
Css premier plan ✓ - Forum CSS

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38299 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 novembre 2024 4 704
21 déc. 2020 à 15:10

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">

Réponse 2 / 2

preliator13600 Messages postés 73 Date d'inscription lundi 10 février 2020 Statut Membre Dernière intervention 22 avril 2023
21 déc. 2020 à 15:21

Oups ! Petit soucis quand j'ai copié le code dans CCM. C'est corrigé, mais le problème ne venait pas de là.

jordane45 Messages postés 38299 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 novembre 2024 4 704
21 déc. 2020 à 16:46

Ton fichier css commence t-il par des commentaires ? Si oui, retire les.
Peux tu également t'assurer qu'il est bien enregistré en utf8 sans bom ( voir chapitre 1 de ce lien : https://forums.commentcamarche.net/forum/affich-37584944-php-html-caracteres-accentues-et-l-utf8 )

Après... ben.. je ne connais BrowserSync ... et vu que ton css fonctionne sans.. impossible de te répondre mieux.

Discussions similaires

trait horizontal avec du css

Enlever le soulignement sous les liens en HTML/CSS

Impossible de cliquer sur "Lier au précédent"

[CSS] Forcé retour à la ligne

HTML - définir taille bouton