# Scss file not affecting browsersync

**URL:** https://discourse.roots.io/t/scss-file-not-affecting-browsersync/16458
**Category:** sage
**Tags:** browsersync
**Created:** 2019-08-26T18:11:08Z
**Posts:** 5

## Post 1 by @josialoos — 2019-08-26T18:11:08Z

I just wanted to share this super stupid mistake in case someone else has the same problem:

I was trying to figure out why one single .scss-file I manually added wasn’t triggering browsersync to do a refresh, while all other files are acting correctly…

Deleting the .cache-loader folder didn’t change anything.

---

## Post 2 by @josialoos — 2019-08-26T18:14:06Z

After half an hour of headache I found out, that I uncommented the @import of my custom .scss-file in to the main.scss file. As soon as I removed the uncommenting, browsersync would work perfectly on again.

Lesson learned: .scss files have to be @imported to the main.scss (or probably somewhere else like setup.php or so) in order to trigger browsersync.

---

## Post 4 by @josialoos — 2019-08-27T11:56:26Z

why would you delete this? it could be informative for people having these issues later. In fact I was searching for this problem here and would have been glad if someone had already solved this.

I didn’t mean to withdraw, I posted this by purpose in order to share my experiences …

---

## Post 5 by @kero — 2019-08-27T14:25:57Z

I had somewhat misread your post and wanted to share an anecdote. After reading it again, it seemed too off topic

---

## Post 6 by @system — 2019-10-07T18:14:05Z

This topic was automatically closed after 42 days. New replies are no longer allowed.