We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Цей вебсайт матиме обмежену функціональність, доки ми проводимо його обслуговування для поліпшення роботи. Якщо прочитана стаття не розв'язала вашу проблему і ви хочете поставити питання, наша спільнота підтримки з радістю допоможе вам на @FirefoxSupport у Twitter та /r/firefox на Reddit.

Avatar for Username

Шукати в статтях підтримки

Остерігайтеся нападів зловмисників. Mozilla ніколи не просить вас зателефонувати, надіслати номер телефону у повідомленні або поділитися з кимось особистими даними. Будь ласка, повідомте про підозрілі дії за допомогою меню “Повідомити про зловживання”

Докладніше

Ця тема перенесена в архів. Якщо вам потрібна допомога, запитайте.

Cannot get the style editor to behave properly with Sass files

  • 1 відповідь
  • 1 має цю проблему
  • 4 перегляди
  • Остання відповідь від 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.