{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material2/issues/4212","repository_url":"https://api.github.com/repos/angular/material2","labels_url":"https://api.github.com/repos/angular/material2/issues/4212/labels{/name}","comments_url":"https://api.github.com/repos/angular/material2/issues/4212/comments","events_url":"https://api.github.com/repos/angular/material2/issues/4212/events","html_url":"https://github.com/angular/material2/issues/4212","id":223564954,"number":4212,"title":"File to import not found or unreadable: ~@angular/material/theming When using node-sass directly","user":{"login":"camilahayashi","id":1751798,"avatar_url":"https://avatars3.githubusercontent.com/u/1751798?v=3","gravatar_id":"","url":"https://api.github.com/users/camilahayashi","html_url":"https://github.com/camilahayashi","followers_url":"https://api.github.com/users/camilahayashi/followers","following_url":"https://api.github.com/users/camilahayashi/following{/other_user}","gists_url":"https://api.github.com/users/camilahayashi/gists{/gist_id}","starred_url":"https://api.github.com/users/camilahayashi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/camilahayashi/subscriptions","organizations_url":"https://api.github.com/users/camilahayashi/orgs","repos_url":"https://api.github.com/users/camilahayashi/repos","events_url":"https://api.github.com/users/camilahayashi/events{/privacy}","received_events_url":"https://api.github.com/users/camilahayashi/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2017-04-22T13:27:36Z","updated_at":"2017-04-23T18:42:13Z","closed_at":null,"body":"Hi,\r\n\r\nI am trying to build my own theme using this guide https://material.angular.io/guide/theming, however I am always getting the error:\r\n\r\n_File to import not found or unreadable: ~@angular/material/theming.\\nParent style sheet_\r\n\r\nI'm using Angular 4, Material 2.0.0-beta.3 but I don't use Angular CLI, so I had to use node-sass directly (as mentioned in the guide):\r\n\r\nnode-sass src/unicorn-app-theme.scss dist/unicorn-app-theme.css\r\n\r\n===== unicorn-app-theme.scss  =======\r\n\r\n@import '~@angular/material/theming';\r\n@include mat-core();\r\n$candy-app-primary: mat-palette($mat-indigo);\r\n$candy-app-accent:  mat-palette($mat-pink, A200, A100, A400);\r\n$candy-app-warn:    mat-palette($mat-red);\r\n$candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);\r\n@include angular-material-theme($candy-app-theme);\r\n\r\n===== package.json =======\r\n{\r\n  \"name\": \"my-app\",\r\n  \"version\": \"1.0.0\",\r\n  \"private\": true,\r\n  \"description\": \"test\",\r\n  \"scripts\": {\r\n    \"start\": \"webpack-dev-server --inline --progress --port 8080\",\r\n    \"test\": \"karma start karma.webpack.conf.js\",\r\n    \"build\": \"rimraf dist && webpack --config config/webpack.prod.js --bail\",\r\n    \"lint\": \"tslint ./src/**/*.ts -t verbose\"\r\n  },\r\n  \"keywords\": [],\r\n  \"author\": \"\",\r\n  \"license\": \"MIT\",\r\n  \"dependencies\": {\r\n    \"@angular/animations\": \"^4.0.3\",\r\n    \"@angular/common\": \"~4.0.0\",\r\n    \"@angular/compiler\": \"~4.0.0\",\r\n    \"@angular/compiler-cli\": \"~4.0.0\",\r\n    \"@angular/core\": \"~4.0.0\",\r\n    \"@angular/forms\": \"~4.0.0\",\r\n    \"@angular/http\": \"~4.0.0\",\r\n    \"@angular/material\": \"^2.0.0-beta.3\",\r\n    \"@angular/platform-browser\": \"~4.0.0\",\r\n    \"@angular/platform-browser-dynamic\": \"~4.0.0\",\r\n    \"@angular/platform-server\": \"~4.0.0\",\r\n    \"@angular/router\": \"~4.0.0\",\r\n    \"@angular/tsc-wrapped\": \"~4.0.0\",\r\n    \"@angular/upgrade\": \"~4.0.0\",\r\n    \"angular-in-memory-web-api\": \"~0.3.1\",\r\n    \"core-js\": \"^2.4.1\",\r\n    \"hammerjs\": \"^2.0.8\",\r\n    \"node-sass\": \"^4.5.2\",\r\n    \"rxjs\": \"5.0.1\",\r\n    \"sass-loader\": \"^6.0.3\",\r\n    \"zone.js\": \"^0.8.4\"\r\n  },\r\n  \"devDependencies\": {\r\n    \"@types/hammerjs\": \"^2.0.34\",\r\n    \"@types/jasmine\": \"2.5.36\",\r\n    \"@types/node\": \"^6.0.45\",\r\n    \"angular2-template-loader\": \"^0.6.0\",\r\n    \"awesome-typescript-loader\": \"^3.0.4\",\r\n    \"css-loader\": \"^0.26.1\",\r\n    \"extract-text-webpack-plugin\": \"2.0.0-beta.5\",\r\n    \"file-loader\": \"^0.9.0\",\r\n    \"html-loader\": \"^0.4.3\",\r\n    \"html-webpack-plugin\": \"^2.16.1\",\r\n    \"jasmine\": \"~2.4.1\",\r\n    \"jasmine-core\": \"~2.4.1\",\r\n    \"karma\": \"^1.3.0\",\r\n    \"karma-chrome-launcher\": \"^2.0.0\",\r\n    \"karma-cli\": \"^1.0.1\",\r\n    \"karma-jasmine\": \"^1.0.2\",\r\n    \"karma-jasmine-html-reporter\": \"^0.2.2\",\r\n    \"karma-phantomjs-launcher\": \"^1.0.2\",\r\n    \"karma-sourcemap-loader\": \"^0.3.7\",\r\n    \"karma-webpack\": \"^2.0.1\",\r\n    \"lodash\": \"^4.16.2\",\r\n    \"null-loader\": \"^0.1.1\",\r\n    \"phantomjs-prebuilt\": \"^2.1.7\",\r\n    \"protractor\": \"~4.0.14\",\r\n    \"raw-loader\": \"^0.5.1\",\r\n    \"rimraf\": \"^2.5.4\",\r\n    \"style-loader\": \"^0.13.1\",\r\n    \"tslint\": \"^3.15.1\",\r\n    \"typescript\": \"~2.2.0\",\r\n    \"webpack\": \"2.2.1\",\r\n    \"webpack-dev-server\": \"2.4.1\",\r\n    \"webpack-merge\": \"^3.0.0\"\r\n  },\r\n  \"repository\": {}\r\n}\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/angular/material2/issues/comments/296476421","html_url":"https://github.com/angular/material2/issues/4212#issuecomment-296476421","issue_url":"https://api.github.com/repos/angular/material2/issues/4212","id":296476421,"user":{"login":"fxck","id":1303561,"avatar_url":"https://avatars2.githubusercontent.com/u/1303561?v=3","gravatar_id":"","url":"https://api.github.com/users/fxck","html_url":"https://github.com/fxck","followers_url":"https://api.github.com/users/fxck/followers","following_url":"https://api.github.com/users/fxck/following{/other_user}","gists_url":"https://api.github.com/users/fxck/gists{/gist_id}","starred_url":"https://api.github.com/users/fxck/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fxck/subscriptions","organizations_url":"https://api.github.com/users/fxck/orgs","repos_url":"https://api.github.com/users/fxck/repos","events_url":"https://api.github.com/users/fxck/events{/privacy}","received_events_url":"https://api.github.com/users/fxck/received_events","type":"User","site_admin":false},"created_at":"2017-04-23T18:42:13Z","updated_at":"2017-04-23T18:42:13Z","body":"There is absolutely nothing to be fixed here. If you use node-sass directly, set up your includePaths, tilde is not enough, node-sass doesn't understand it.\r\n\r\nhttp://stackoverflow.com/questions/37106230/node-sass-does-not-understand-tilde"}}
{"actor":{"display_login":"fxck"}}