Skip to content

New angular version not working any more #82

@h11a

Description

@h11a

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions