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.

CSS live reload broken after this addon is installed

See original GitHub issue

After installing this addon, when I save any SCSS file in my repo (even with no changes), the entire app reloads. So CSS live reload is no longer working.

I created a repro here: https://github.com/bgentry/ember-css-hot-reload-demo

You can clone that, run ember server, and see that whenever you save app.scss, the entire page reloads. Get rid of the addon, and livereload works again.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:11 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
bgentrycommented, Feb 21, 2018

@mlwilkerson no apology necessary, I knew what I was signing up for 🙂

0reactions
bgentrycommented, Feb 23, 2018

Just tried it out on my app and it looks like it fixed CSS livereload! I think it might have also lowered the incremental rebuild time which had gotten a lot worse after I switched addons. That would make sense if less work is being repeated every time. Thanks!

Assumption #1 sounds perfectly reasonable. Any time I make a change to ember-cli-build.js or config/environment.js, I expect to have to restart my app server.

AFAIK, assumption #2 would be different than other Ember addons. Typically updating a package while i.e. ember serve is running just rebuilds the required files from that package. I think it’s reasonable for the addon to completely rebuild all its own resources in that scenario, but it shouldn’t require the user to restart their ember process if that can be avoided.

Read more comments on GitHub >

github_iconTop Results From Across the Web

[Bug]: Live Reload not working. · Issue #1601 · remix-run/remix
This worked for me! I was having an issue where live reload worked just fine until I added or deleted a new file....
Read more >
webpack-dev-server hot reload not working - Stack Overflow
When I change a file I can see in terminal that a rebuild is happening but nothing happens in the browser.
Read more >
LiveReload - Visual Studio Marketplace
A web browser page reloading plugin for the VS Code editor. Features. Reloads web pages when any file is created, removed or modified....
Read more >
Reviews for Live Reload — monitor and reload html, css, js
It's not working. The horrible thing is that it requires "Access your data for all websites" permission. I am not sure why it...
Read more >
Instant Reload - Local WP
Instant reload is helpful for: Working with your code and browser side-by-side: Maintain flow-state and streamline previewing your CSS changes. Debugging file ...
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