vscode-live-sass-compiler icon indicating copy to clipboard operation
vscode-live-sass-compiler copied to clipboard

Incorrect generation of map files

Open sakralbar opened this issue 6 years ago • 19 comments

Mismatched rows with classes in css 1529670536122 1529670563967

sakralbar avatar Jun 22 '18 12:06 sakralbar

That is the issue? .navBar is showing correctly. & what is the name of the source file?

ritwickdey avatar Jun 28 '18 05:06 ritwickdey

Ohh! Sorry! I was confused!!

I'm not sure why! If you turn off auto prefix, this is working?

ritwickdey avatar Jun 28 '18 05:06 ritwickdey

You're right. If you disable the auto prefix, the line numbers of css-classes are displayed correctly. If the auto prefix is enabled, then a shift of the rows to some random number is observed. Sorry if this is not an issue.

sakralbar avatar Jun 28 '18 08:06 sakralbar

Hello, I have the same problem since the last update (before this update, I didn't use the auto prefix, but it's was activated by default after the update). When I disabled the auto prefix, it's working correctly.

Steve-VE avatar Jul 04 '18 13:07 Steve-VE

Yep! I think it's a bug. I'll check it

ritwickdey avatar Jul 11 '18 12:07 ritwickdey

Same problem here. For a while though.

cjarit avatar Jul 25 '18 06:07 cjarit

Same for me... Still no solution ?

imike57 avatar Sep 06 '18 08:09 imike57

I've tried working on this, but haven't found a solution yet. Reading from the postcss source maps guides, it seems apparent that we'll need to build the files first (non-autoprefixed), before building new source maps after autoprefixing.

Any thoughts, @ritwickdey?

boyum avatar Nov 05 '18 13:11 boyum

@ritwickdey - is there any development on a fix for this?

Thanks

ico3iain avatar Apr 09 '19 15:04 ico3iain

Same for me.

TakahashiEi avatar Apr 21 '19 00:04 TakahashiEi

Having the same issue but turning off auto-prefix isn't an option for me.

i-am-malaquias avatar May 14 '19 20:05 i-am-malaquias

Same Issue, i'd be pleased for a fix

nepomuk88 avatar Aug 05 '19 10:08 nepomuk88

I think we should disable auto prefix option and use another plugin for prefixing like postcss autoprefixer to apply to the main CSS file at the end of developing

vortexawy avatar Nov 01 '19 05:11 vortexawy

Has there been any resolution to this? Having to choose between the auto prefix option and having source maps work properly is a pain. @ritwickdey

Sam-Smyth avatar Jan 04 '20 04:01 Sam-Smyth

@glenn2223 is continuing work on this extension in a new repo at: https://github.com/glenn2223/vscode-live-sass-compiler That code includes a fix for this bug. If you search for "Live SASS Compiler - Glenn Marks", you can test out the preview extension. Note that this extension uses Dart SASS which will have the latest SASS specs, but may run slightly different than from deprecated Node SASS.

Christopher-Hayes avatar Dec 20 '20 04:12 Christopher-Hayes

+1 having the same issue.

TonyTheFerg avatar Apr 16 '21 11:04 TonyTheFerg

@TonyTheFerg, as per this comment (above), have you tried my extension?

This one here is no longer being maintained, whereas mine is (by me 😁). You can find a guide to migrating - the last FAQ - here (just change a couple of settings, if you use them)

glenn2223 avatar Apr 16 '21 12:04 glenn2223

@glenn2223 Thanks! That worked. How do I turn on showOutputWindowOn?

Got it with this: "liveSassCompile.settings.showOutputWindowOn": "Debug",

TonyTheFerg avatar Apr 16 '21 13:04 TonyTheFerg

@glenn2223 Thanks! That worked.

Good, I'm glad 👍😁

How do I turn on showOutputWindowOn?

Got it with this: "liveSassCompile.settings.showOutputWindowOn": "Debug",

Glad you got it working. I was just about to send you this link, which has details on what each setting will output

glenn2223 avatar Apr 16 '21 13:04 glenn2223