{"action":"created","issue":{"url":"https://api.github.com/repos/angular/angular-cli/issues/10077","repository_url":"https://api.github.com/repos/angular/angular-cli","labels_url":"https://api.github.com/repos/angular/angular-cli/issues/10077/labels{/name}","comments_url":"https://api.github.com/repos/angular/angular-cli/issues/10077/comments","events_url":"https://api.github.com/repos/angular/angular-cli/issues/10077/events","html_url":"https://github.com/angular/angular-cli/issues/10077","id":308800763,"number":10077,"title":"~ tilde operator unable to path to scss beneath app/src","user":{"login":"nhhockeyplayer","id":6886551,"avatar_url":"https://avatars3.githubusercontent.com/u/6886551?v=4","gravatar_id":"","url":"https://api.github.com/users/nhhockeyplayer","html_url":"https://github.com/nhhockeyplayer","followers_url":"https://api.github.com/users/nhhockeyplayer/followers","following_url":"https://api.github.com/users/nhhockeyplayer/following{/other_user}","gists_url":"https://api.github.com/users/nhhockeyplayer/gists{/gist_id}","starred_url":"https://api.github.com/users/nhhockeyplayer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nhhockeyplayer/subscriptions","organizations_url":"https://api.github.com/users/nhhockeyplayer/orgs","repos_url":"https://api.github.com/users/nhhockeyplayer/repos","events_url":"https://api.github.com/users/nhhockeyplayer/events{/privacy}","received_events_url":"https://api.github.com/users/nhhockeyplayer/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-03-27T02:35:08Z","updated_at":"2018-03-27T02:48:49Z","closed_at":null,"author_association":"NONE","body":"its documented that\r\n\r\n~ is a quick way to reference root in order to operate paths to scss\r\n\r\nhttps://scotch.io/tutorials/using-sass-with-the-angular-cli\r\n\r\n\"The tilde (~) will tell Sass to look in the src/ folder and is a quick shortcut to importing Sass files.\"\r\n\r\nI am using latest releases and tilde is hardwired to node_modules dir\r\n\r\nhere is my source inside scss file\r\n```\r\n@font-face {\r\n  font-family: \"icon\";\r\n  src: url('~sass-chart-styles/fonts/icons/icon.eot?240c3b754b3c47134bf4a382f524781b?#iefix') format(\"embedded-opentype\"),\r\nurl('~sass-chart-styles/fonts/icons/icon.woff2?240c3b754b3c47134bf4a382f524781b') format(\"woff2\"),\r\nurl('~sass-chart-styles/fonts/icons/icon.woff?240c3b754b3c47134bf4a382f524781b') format(\"woff\");\r\n  font-weight: normal;\r\n  font-style: normal;\r\n}\r\n```\r\n\r\nhere is output\r\n```\r\nERROR in ./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--8-3!./src/sass/index.scss\r\n(Emitted value instead of an instance of Error) CssSyntaxError: C:\\apache-tomcat-9.0.0.M17\\webapps\\ROOT\\api\\src\\sass\\fonts\\icons.scss:3:7: Can't resolve '.\r\n./../node_modules/sass-chart-styles/fonts/icons/icon.eot' in 'C:\\apache-tomcat-9.0.0.M17\\webapps\\ROOT\\api\\src\\sass'\r\n```\r\n\r\nwhy cant I path into my scss source code ?\r\n\r\n```\r\nAngular CLI: 1.7.3\r\nNode: 9.3.0\r\nOS: win32 x64\r\nAngular: 5.2.9\r\n... animations, common, compiler, compiler-cli, core, forms\r\n... http, language-service, platform-browser\r\n... platform-browser-dynamic, router\r\n\r\n@angular/cdk: 5.2.4\r\n@angular/cli: 1.7.3\r\n@angular/flex-layout: 5.0.0-beta.13\r\n@angular/material: 5.2.4\r\n@angular-devkit/build-optimizer: 0.3.2\r\n@angular-devkit/core: 0.3.2\r\n@angular-devkit/schematics: 0.3.2\r\n@ngtools/json-schema: 1.2.0\r\n@ngtools/webpack: 1.10.2\r\n@schematics/angular: 0.3.2\r\n@schematics/package-update: 0.3.2\r\ntypescript: 2.6.2\r\nwebpack: 3.11.0\r\n```"},"comment":{"url":"https://api.github.com/repos/angular/angular-cli/issues/comments/376378799","html_url":"https://github.com/angular/angular-cli/issues/10077#issuecomment-376378799","issue_url":"https://api.github.com/repos/angular/angular-cli/issues/10077","id":376378799,"user":{"login":"nhhockeyplayer","id":6886551,"avatar_url":"https://avatars3.githubusercontent.com/u/6886551?v=4","gravatar_id":"","url":"https://api.github.com/users/nhhockeyplayer","html_url":"https://github.com/nhhockeyplayer","followers_url":"https://api.github.com/users/nhhockeyplayer/followers","following_url":"https://api.github.com/users/nhhockeyplayer/following{/other_user}","gists_url":"https://api.github.com/users/nhhockeyplayer/gists{/gist_id}","starred_url":"https://api.github.com/users/nhhockeyplayer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nhhockeyplayer/subscriptions","organizations_url":"https://api.github.com/users/nhhockeyplayer/orgs","repos_url":"https://api.github.com/users/nhhockeyplayer/repos","events_url":"https://api.github.com/users/nhhockeyplayer/events{/privacy}","received_events_url":"https://api.github.com/users/nhhockeyplayer/received_events","type":"User","site_admin":false},"created_at":"2018-03-27T02:48:49Z","updated_at":"2018-03-27T02:48:49Z","author_association":"NONE","body":"some feedback on my scaffold\r\n\r\napp\r\n--src\r\n----sass-chart-styles\r\n-------- nothing in this folder except assets\r\n----sass\r\n-------- index.scss\r\n-------- this folder declares $var to reach into sass-chart-styles\r\n--- _variables.scss\r\n       this file tries to declare ref $variables for paths\r\n---  styles.scss\r\n       this file includes the above sass folders sass and sass-chart-styles\r\n\r\n.angular-cli.json follows\r\n```\r\n\r\n{\r\n    \"$schema\": \"./node_modules/@angular/cli/lib/config/schema.json\",\r\n    \"project\": {\r\n        \"name\": \"api\"\r\n    },\r\n    \"apps\": [\r\n        {\r\n            \"root\": \"src\",\r\n            \"outDir\": \"dist\",\r\n            \"assets\": [\r\n                \"assets\",\r\n                \"favicon.ico\"\r\n            ],\r\n            \"index\": \"index.html\",\r\n            \"main\": \"main.ts\",\r\n            \"polyfills\": \"polyfills.ts\",\r\n            \"test\": \"test.ts\",\r\n            \"tsconfig\": \"tsconfig.app.json\",\r\n            \"testTsconfig\": \"tsconfig.spec.json\",\r\n            \"prefix\": \"app\",\r\n            \"styles\": [\r\n                \"styles.scss\",\r\n                \"sass/index.scss\",\r\n                \"sass/global.scss\"\r\n            ],\r\n            \"scripts\": [\r\n                \"../node_modules/hammerjs/hammer.min.js\"\r\n            ],\r\n            \"environmentSource\": \"environments/environment.ts\",\r\n            \"environments\": {\r\n                \"dev\": \"environments/environment.ts\",\r\n                \"prod\": \"environments/environment.prod.ts\"\r\n            }\r\n        }\r\n    ],\r\n    \"e2e\": {\r\n        \"protractor\": {\r\n            \"config\": \"./protractor.conf.js\"\r\n        }\r\n    },\r\n    \"lint\": [\r\n        {\r\n            \"project\": \"server/tsconfig.server.json\",\r\n            \"exclude\": \"**/node_modules/**\"\r\n        },\r\n        {\r\n            \"project\": \"src/tsconfig.app.json\",\r\n            \"exclude\": \"**/node_modules/**\"\r\n        },\r\n        {\r\n            \"project\": \"src/tsconfig.spec.json\",\r\n            \"exclude\": \"**/node_modules/**\"\r\n        },\r\n        {\r\n            \"project\": \"e2e/tsconfig.e2e.json\",\r\n            \"exclude\": \"**/node_modules/**\"\r\n        }\r\n    ],\r\n    \"test\": {\r\n        \"karma\": {\r\n            \"config\": \"./karma.conf.js\"\r\n        }\r\n    },\r\n    \"defaults\": {\r\n        \"styleExt\": \"scss\",\r\n        \"component\": {}\r\n    }\r\n}\r\n\r\n```"}}
{"actor":{"display_login":"nhhockeyplayer"}}