SASS syntax error: Identifier is expected svelte(css-syntax-error)

[martonlederer]

Describe the bug
When I run eslint, or use VSCode, I get the error Identifier is expected˙svelte(css-syntax-error) in the beginning of all components that use sass (<style lang="sass"></style>)
To Reproduce
Create a svelte component in a project with node-sass and sass and create a style tag with lang="sass". Write a basic style, for e.g.:

<style lang="sass">
  .Test
    display: block
</style>

Expected behavior
There should be no errors, since the style has the sass lang attr

Screenshots

System (please complete the following information):

• OS: Manjaro Linux
• IDE: VSCode
• Plugin/Package: Svelte for VSCode, eslint

[dummdidumm]

SASS is unfortunately not supported at the moment, because the css language service we use does not support it. But we should at least somehow turn off all diagnostics to not show you these false errors.

[martonlederer]

Thank you. Yes that would be beneficial as eslint also picks up these errors

[jasonlyu123]

I'm sorry to say. but we can't do much regarding eslint. eslint-plugin-svelte3 doesn't support preprocess. See here

[martonlederer]

Thank you very much. I'm sad to see that I think that's an important part of a js library/framework

[dummdidumm]

I cannot reproduce this using your code snippet. Turns out our language-server already should already turn off diagnostics for sass.

[dummdidumm]

Maybe you still have the old extension installed? This one would certainly throw errors. How to remove: #372 .

[martonlederer]

I have Svelte for VSCode if you're asking for that. The official new one. Re-installed two days ago

[dummdidumm]

Did you install the old "Svelte" extension by James Birtles previously? If so, did you remove it?

[martonlederer]

No I didn't :/ I only had the latest

[7antra]

SASS is unfortunately not supported at the moment, because the css language service we use does not support it. But we should at least somehow turn off all diagnostics to not show you these false errors.

Do you think SASS will be supported in the future ?

[martonlederer]

@7antra just a suggestion: try webstorm (with svelte plugin), it has sass support

[dummdidumm]

I don't think we will support SASS out of the box anytime soon. You can however tweak your setup to get proper syntax highlighting and get rid of the errors. See the docs for more info.

[dummdidumm]

Another wild guess why this might happen: Maybe you did add "files.associations": {"*.svelte": "html" } to your VSCode settings so that Svelte files are treated as HTML files. If so, this settings needs to be removed. Also see https://github.com/sveltejs/language-tools/tree/master/packages/svelte-vscode#setup

[dummdidumm]

Closing due to inactivity and since we cannot reproduce this.