css - Unable to access my .scss bundle file from another folder -


i want retrieve .scss file has other .scss imported (all other .scss files imported in styles.scss).

i've put path angular cli file , file still not accessible (no styling applied on html element)

angular cli : folder(project) i'm running on npm start (added "../webstyles/src/styles.scss" path folder want access)

"apps": [     {       "root": "src",       "outdir": "dist",       "assets": [         "assets",         "favicon.ico",         "app/cms/demo.json"       ],       "index": "index.html",       "main": "main.ts",       "polyfills": "polyfills.ts",       "test": "test.ts",       "tsconfig": "tsconfig.app.json",       "testtsconfig": "tsconfig.spec.json",       "prefix": "cb",       "styles": [         "../webstyles/src/styles.scss"       ], 

the error is: module not found: error: can't resolve path... in project.

i'm sorry can't post folder tree checked multiple times , don't think made mistake here

what options?

your path "../webstyles/src/styles.scss" wrong

use "styles" config if styles.scss outside src folder:

"styles": [         "../webstyles/styles.scss"       ], 

if styles inside src folder use that:

"styles": [             "styles.scss"           ], 

or

"styles": [         "webstyles/styles.scss"       ], 

it depends on folder structure, , can't see based on question.

every time changing/saving .angular-cli.json restart npm start/ng serve


Comments

Popular posts from this blog

Sort a complex associative array in PHP -

vb.net - How to ignore if a cell is empty nothing -

recursion - Can every recursive algorithm be improved with dynamic programming? -