Node-sass ne fonctionnera pas avec l’indicateur –watch

J’ai un problème lorsque j’utilise l’indicateur “–watch” ou “-w” lors de l’exécution de node-sass. J’ai installé node-sass en tant que devDependency et spécifié un script pour que je puisse exécuter node-sass. Le fait est que lorsque je lance le script sans indicateur, tout fonctionne correctement et le code SCSS est compilé, mais lorsque j’ajoute l’indicateur “–watch”, il ne comstackra même pas le code initial et ne détectera aucun fichier changements. J’ai fait beaucoup de recherches et rien trouvé. Je vais laisser les scripts ci-dessous et je serai heureux de fournir toute autre information susceptible de vous aider à résoudre ce problème.

À l’intérieur de package.json :

"scripts": { "comstack:sass": "node-sass sass/main.scss css/style.css" } 

Cela fonctionne bien lorsque je lance npm run comstack:sass et que je reçois cette sortie:

 [email protected] comstack:sass /Users/lucabarcelos/WebstormProjects/AdvancedCSS/Natours node-sass sass/main.scss css/style.css Rendering Complete, saving .css file... Wrote CSS to /Users/lucabarcelos/WebstormProjects/AdvancedCSS/Natours/css/style.css 

Mais quand je change le script en ceci:

 "scripts": { "comstack:sass": "node-sass sass/main.scss css/style.css -w" } 

Je reçois cette sortie:

 [email protected] comstack:sass /Users/lucabarcelos/WebstormProjects/AdvancedCSS/Natours node-sass sass/main.scss css/style.css -w 

Et il continue d’attendre les modifications de fichiers, mais lorsque je change quelque chose, il ne se passe rien.

J’ai eu le même problème en faisant les mêmes natours 😉 bien sûr. C’est quelque chose à voir avec la version de node-sass.

npm désinstaller node-sass –save-dev

Ensuite, installez la version 4.5.3 avec;

npm installez [email protected] –save-dev.

Si cela ne fonctionne pas, consultez https://github.com/jonasschmedtmann/advanced-css-course/blob/master/npm-fixes.md