sass-export icon indicating copy to clipboard operation
sass-export copied to clipboard

New angular version not working any more

Open h11a opened this issue 3 years ago • 0 comments

After updating from angular 13 to angular 14 we are having trouble with using this with angular material.

One of the material files had this in version 13

@use '../../../cdk/a11y';
@use './list-common';
@use './layout-common';

Which has since been replaced with

@use '@angular/cdk';

@use './list-common';
@use './layout-common';

It always fails on the new cdk import. I have tried to add that into the include files but nothing seems to work. Below is our options

Original version working with angular 13

var options = {
    inputFiles: ['src/app/css/export_variables.scss'],
    includePaths: ['src/app/css/', 'node_modules/@angular/material', ]
};

What I have tried

var options = {
    inputFiles: ['src/app/css/export_variables.scss'],
    includePaths: ['node_modules/@angular/cdk/', 'src/app/css/', 'node_modules/@angular/material', ]
};

Do you have any idea why the cdk path does not work?

I have tried manually changing it to ../../../cdk in the scss file, which does fix it but obviously cant be used as a solution.

h11a avatar Sep 09 '22 10:09 h11a