Unable to import Angular Components styling in SCSS file


I’ve been following the getting-started guide for making an AngularDart Web App. I’ve got a small app up and running via WebStorm. I added an SCSS Watcher to the project which compiles fine, but throws the following type of error whenever I try to import one of the Angular Component styles:

@import 'package:angular_components/app_layout/mixins';

error style.scss (Line 1: File to import not found or unreadable: package:angular_components/app_layout/mixins.)

I am clueless on how to proceed. Would greatly appreciate advice.


The SASS watcher doesn’t know about Dart import syntax.

Add instead https://pub.dartlang.org/packages/sass_builder instead to pubspec.yaml and SASS will be built as part of Darts build process.

Answered By – Günter Zöchbauer

Answer Checked By – Marie Seifert (FlutterFixes Admin)

Leave a Reply

Your email address will not be published. Required fields are marked *