This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

ఇంకా తెలుసుకోండి

ఈ థ్రెడ్ ఆర్కైవ్ చేయడం జరిగినది. మీకు సహాయం అవసరం ఉంటే, దయచేసి ఒక కొత్త ప్రశ్న అడగండి.

Cannot get the style editor to behave properly with Sass files

  • 1 ప్రత్యుత్తరం
  • 1 ఈ సమస్య కలిగినది
  • 12 వీక్షణలు
  • చివరి సమాధానమిచ్చినది Tonnes

ProFromGo
ProFromGo
more options

Basically, I go into the style editor, source maps are enabled, "show original sources" is checked. I want to edit a sass file and see the changes happen on the live page. I find the Sass file, and save it over the local sass file (.scss extension). I have sass watch working, and the new css is generated with an updated source map after the save. However, when I make changes to the sass file in the editor and save, the changes don't go live. If I reload the page I get an error saying "style sheet could not be loaded" and the sass file I was just working on doesn't show up in the style editor.

I can edit css files and see the changes live without issue.

This problem is consistent on Developer edition 58.0b12 and Firefox 57.0.2.

Am I just doing it wrong?

Basically, I go into the style editor, source maps are enabled, "show original sources" is checked. I want to edit a sass file and see the changes happen on the live page. I find the Sass file, and save it over the local sass file (.scss extension). I have sass watch working, and the new css is generated with an updated source map after the save. However, when I make changes to the sass file in the editor and save, the changes don't go live. If I reload the page I get an error saying "style sheet could not be loaded" and the sass file I was just working on doesn't show up in the style editor. I can edit css files and see the changes live without issue. This problem is consistent on Developer edition 58.0b12 and Firefox 57.0.2. Am I just doing it wrong?

ప్రత్యుత్తరాలన్నీ (1)

Tonnes
Tonnes
  • Locale Leader
more options

I have not tested but as I understand, "Enable Source Maps" should be checked in the DevTools configuration, and "Show original source" should be unchecked in the context menu. Perhaps this article provides more useful info if you haven’t found it already.

If that does not help, can you reproduce this in either an older version such as 56 or earlier, or a Nightly instead? Use a separate profile for those when testing.