Only with scss: The file cannot because script or style require a preprocessor ...

[rondonjon]

Describe the bug

Not sure if this is a problem in svelte-preprocess or in the VS Code plugin, sorry in advance if I posted this in the wrong repo.

I have several .svelte files with Typescript in them which raise no errors, neither in VS Code nor during the CLI build.

Only if I also have a scss style section in them, I get an error.

Funny observation: the error message vanishes in VS Code when I change the type to css, but that is obviously no solution for the build.

Additional context

sass is installed via package.json:

"node-sass": "^4.13.1",

The .svelte file:

<script lang="typescript">
  import { Color } from "../../Color";
  ...
</script>

<style lang="scss">
  .color-swatch {
  ...
</style>

...

My svelte.config.js:

const sveltePreprocess = require("svelte-preprocess");

module.exports = {
  preprocess: sveltePreprocess()
};

[kaisermann]

Hey @rondonjon 👋 This issue seems to be related to the language-tools. Will move this there.

[dummdidumm]

Did you follow the instructions for SCSS? Especially the last point (setting node path) might be what you need to do. If the error still exists, please continue in #129 (this issue is a duplicate of that issue).