File to import not found or unreadable: /**/*.scss.

[zakaria-chahboun]

Describe the bug
when i trying to import all SCSS files in a sub-folder

@import 'components/**/*.scss';

i get this error message :
File to import not found or unreadable: components/**/*.scss.

i tried the same example with glup and it works fine.
The problem happen just when i tried to import all files .. because when i import a single element of scss it's works fine!
example: @import 'components/button';

i'm actually use sapper with rollup with these configurations:

...

import sveltePreprocess from 'svelte-preprocess';
const preprocess = sveltePreprocess({
  scss: {
    includePaths: ['src'],
  },
  postcss: {
    plugins: [require('autoprefixer')],
  },
});

...

client:{
    svelte({
      dev,
      hydratable: true,
      emitCss: true,
      preprocess // my sass
}),
}

...

server:{
   svelte({
      generate: 'ssr',
      dev,
      preprocess // my sass
}),
}

---

• Os: Linux openSUSE Tumbleweed

• svelte-preprocess: "^3.9.10"

• autoprefixer: "^9.8.4"

• Rollup

[kaisermann]

Hey @zakaria-chahboun 👋 Sorry for taking so long to answer. Is this still happening to you?

[zakaria-chahboun]

@kaisermann yeah even if i update "svelte-preprocess" to "^3.9.12"

[zakaria-chahboun]

@kaisermann also when i updated "svelte-preprocess" to "^3.9.12" i get this message:

[svelte-preprocess] The file  "/home/zaki/Desktop/QuizGame-Sapper-Codyframe/src/routes/{codyFrameScripts}" was not found.

this message doesn't shows up when i'm using the version "^3.9.10"

the svelte code is like that:

<svelte:head>
  <script defer src={codyFrameScripts}></script>
</svelte:head>

[moisesGarmendia]

When i tried to use office-ui-fabric-core it throws me the same,
What i did was
@import '../node_modules/office-ui-fabric-core/dist/sass/Fabric.scss'
my structure is node_modules/, svelte-app/, etc..,
inside svelte-app/ is App.svelte. from that component i want to import the scss file.

After that, it works correctly, hope it help.