Angular-cli: SASS: Failed importing file from remote (https)

Created on 15 Oct 2016  路  4Comments  路  Source: angular/angular-cli

OS?

Mac OSX (Mavericks)

Versions.

angular-cli: 1.0.0-beta.17
node: 4.6.0
os: darwin x64

Repro steps.

ng new app --style=sass

Add this to styles.sass:

@import '~https://fonts.googleapis.com/icon?family=Material+Icons';

The log given by the failure.

ERROR in ./~/css-loader!./~/postcss-loader!./~/sass-loader!./src/styles.sass
Module build failed: 
@import '~https://fonts.googleapis.com/icon?family=Material+Icons';
^
      File to import not found or unreadable: ~https://fonts.googleapis.com/icon?family=Material+Icons
Parent style sheet: stdin
      in /Users/semeano/Development/ng2-admin-dash/src/styles.sass (line 1, column 1)
 @ ./src/styles.sass 4:14-159
 @ multi styles

Most helpful comment

The proper CSS syntax for importing remote URLs is @import url('https://...');

All 4 comments

The proper CSS syntax for importing remote URLs is @import url('https://...');

Actually, that works on CSS, but not on SASS.

Anyway, my bad.

The proper CSS syntax for importing remote URLs is @import url('https://...');

Goood

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_This action has been performed automatically by a bot._

Was this page helpful?
0 / 5 - 0 ratings

Related issues

rwillmer picture rwillmer  路  3Comments

rajjejosefsson picture rajjejosefsson  路  3Comments

NCC1701M picture NCC1701M  路  3Comments

sysmat picture sysmat  路  3Comments

jmurphzyo picture jmurphzyo  路  3Comments