typescript - Angular uppgradera eget bibliotek från 12 till 13 scss-fel 'SassError: Kan inte hitta stylesheet att importera.'

Jag försöker uppgradera mina Angular-projekt från 12 till 13 och stöter på ett problem som jag inte kan fixa efter två dagars arbete.

Mina applikationer är standard Angular Material-appar med viss funktionalitet, som en inköpslista-app.

För att infoga objekt använder jag en formel med några fält som kan skickas in. (MatDialog) Jag har outsourcat denna formel till mitt eget Angular-bibliotek för att göra den lite mer generell och återanvändbar.

Nu, efter att ha uppgraderat bibliotekprojektet och försökt länka den resulterande byggnationen (från nya Ivy) till min app får jag felet:

SassError: Can't find stylesheet to import.

@import '@my/form-lib/theme';

Stylesheetet som är avsett att vara okänt kommer från biblioteket och ger standardtematiseringsåtkomst till detta bibliotek, men jag kan inte avgöra varför detta skulle hända. Jag märkte också att användningen av Angular Material nu inte längre behöver tilde ~.

@use '**~**@angular/material' as mat;

Jag har försökt ta bort alla tilde ~ men felet finns fortfarande.

Jag har också försökt att återställa @angluar/cli till 13.0.0 vilket beskrivs som en lösning här.
Men det fungerar inte för mig.

Vet någon en lösning att prova?

Svar #1

det enda som löste det för mig har varit att byta från

@import '@my/lib/scss-file';

till

@import 'node_modules/@my/lib/scss-file';