importing local class name from another less/sass module with variable returns error

[juhaelee]

I'm getting an error saying Module not found: Error: Cannot resolve module when I try and compose from a file that has a LESS/SASS variable.

For example, say I have a less file (A.less):

@import "./styles/colors.less" // contains @black: #000000

.A {
   color: @black
}

and if I try and compose from a different less file (B.less):

.B {
   composes: color from "./A.less"
}

I get the error. I believe it's because css-loader is trying to read the @import statement in A.less as a module?

[sokra]

can you pass the full error?

[mrlaessig]

Same issues with other preprocessors #131. To workaround this you can use a preprocessor loader in your style file.

:local(.composesClass)
  composes: classInFile from 'stylus!./otherFile.styl'
...

But for some reasons the styles from the 'from files' getting added twice to the to the html head.

[SleepWalker]

probably you should use importLoaders=n loader option to tell that you need to use n preceding loaders before css-loader

[markdalgleish]

What @SleepWalker suggested sounds like the solution to this issue as this is something I've also experienced. Closing for now, but please re-open if this isn't the case.