Skip to content

Relative paths for assets in sass (scss) files doesn't work after migrating to rc1 #5327

@lesyk-lesyk

Description

@lesyk-lesyk

OS?

Mac OSX (Yosemite)

Versions.

@angular/cli: 1.0.0-rc.1
node: 7.2.0
os: darwin x64
@angular/common: 2.4.9
@angular/compiler: 2.4.9
@angular/core: 2.4.9
@angular/forms: 2.4.9
@angular/http: 2.4.9
@angular/platform-browser: 2.4.9
@angular/platform-browser-dynamic: 2.4.9
@angular/router: 3.4.9
@angular/cli: 1.0.0-rc.1
@angular/compiler-cli: 2.4.9

Repro steps.

After updating from "1.0.0-beta.30" to "1.0.0-rc.1" relative paths in sass files doesn't work.
For example, before migration this worked good:
background: url('./assets/some-icon.png')

After migrating I must provide a full path like this:
background: url('../../../../assets/some-icon.png')

The log given by the failure.

ERROR in ./src/app/folder/components/some-component/some.component.scss
Module not found: Error: Can't resolve './assets/some-icon.png' in '/Users/some-user/.../app/src/app/folder/components/some-component'
@ ./src/app/folder/components/some-component/some.component.scss 6:1065-1107
@ ./src/app/folder/components/some-component/some.component.ts
@ ./src/app/folder/folder.module.ts
@ ./src async
@ .//@angular/core/src/linker/system_js_ng_module_factory_loader.js
@ ./
/@angular/core/src/linker.js
@ .//@angular/core/src/core.js
@ ./
/@angular/core/index.js
@ ./src/main.ts
@ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts
webpack: Failed to compile.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions