Import css3/compass from Angular Typescript

Question

I tried to use compass from an Angular application written in TypeScript (not Javascript), but when I write the next line:

// general.scss
@import 'compass/css3';

I get the following error:

@import 'compass/css3';
^
      File to import not found or unreadable: compass/css3.

How could I install compass?

amal · Accepted Answer · 2017-12-21T20:42:05.957

8

Try importing it with this ~ as in (if you've installed compass-mixins),

@import '~compass-mixins/lib/compass/css3';

edited Dec 21 '17 at 20:42

answered Dec 21 '17 at 20:13

amal

have you installed compass (or compass-mixins)? what package do you have in your `node_modules` folder? – amal Dec 21 '17 at 20:29
I installed compass: npm install compass. – Cequiel Dec 21 '17 at 20:37
And now I installed compass-mixins as well with the same result :'( – Cequiel Dec 21 '17 at 20:38
Updated my answer based on compass-mixins. – amal Dec 21 '17 at 20:44

Cequiel · Answer 2 · 2017-12-21T20:52:37.780

Thanks good I found the solution. Simply install compass-mixins:

$ npm install compass-mixins

And then read it from the node_modules folder:

@import '../../../node_modules/compass-mixins/lib/compass';

It's a bit cumbersome, but it works.

update: Do not use the previous import. Use the following syntax, as described in https://stackoverflow.com/a/47932124/1704895

@import '~compass-mixins/lib/compass/css3';

Kiran Nathe · Answer 3 · 2021-05-27T06:45:40.473

-1

Indeed below one worked for me.

@import '//classpath:compass/css3';

edited May 27 '21 at 06:45

answered May 08 '21 at 20:53

Kiran Nathe

3 Answers3