question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

style sheet only reloads once

See original GitHub issue

Describe the bug The browser doesn’t always reload when making CSS changes.

To Reproduce

I’m watching a folder where I have a stylesheet:

  "devServer": {
    "port": 8900,
    "mountDirectories": {
      "./images": "/images",
      "./styles": "/styles",
      "./src": "/src"
    },
    "useSSL": true,
    "watchConfig": {
        "directories": ["./src", "./styles"]
    }
  },

I’m importing this in Fable importSideEffects "../styles/style.css". After the first change, the browser no longer reloads.

Expected behavior The browser reloads on each CSS change.

Desktop (please complete the following information):

  • OS: Windows 11
  • Browser: Latest Chrome
  • Version: Perla 0.20.0

Additional context The server does pick up the change:

info: Perla:SSE[0]
      CSS File Changed: style.css
info: Perla:SSE[0]
      CSS File Changed: style.css
info: Perla:SSE[0]
      CSS File Changed: style.css
info: Perla:SSE[0]
      CSS File Changed: style.css

but the browser only reloads once.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
nojafcommented, Feb 2, 2022

Tried out the new release, totally works! Thanks again!

0reactions
nojafcommented, Feb 2, 2022

Wow, super fast 🔥 Thanks, I’ll give it a shot.

Read more comments on GitHub >

github_iconTop Results From Across the Web

javascript - Is there an easy way to reload css without ...
This is exactly what I have been searching for. It reloads the CSS as soon as the stylesheet is changed, without the need...
Read more >
How to reload CSS without reloading the page using ...
How to reload CSS without reloading the page using JavaScript ? · Syntax: Add the created CSS file like the below format. ·...
Read more >
Using CSS variables to change a page style without reloading
CSS variables are very helpful to change a page style without reloading the page. In this paper, the toggle button in the page's...
Read more >
Force Reload Even the Most Stubbornly Cached CSS Files
Learn a simple trick how to force reload all cached CSS files on a page. Development or production environment - it works everywhere...
Read more >
How To Force Reload All Cached CSS Files Of Your Pages
Find out how you can force reload every single cached CSS file on your page with these simple tips and tricks to ensure...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found