{"action":"created","issue":{"url":"https://api.github.com/repos/angular/angular-cli/issues/3610","repository_url":"https://api.github.com/repos/angular/angular-cli","labels_url":"https://api.github.com/repos/angular/angular-cli/issues/3610/labels{/name}","comments_url":"https://api.github.com/repos/angular/angular-cli/issues/3610/comments","events_url":"https://api.github.com/repos/angular/angular-cli/issues/3610/events","html_url":"https://github.com/angular/angular-cli/issues/3610","id":196183997,"number":3610,"title":"CLI vBeta 23 - NG Serve/Build - Failing with SASS/SCSS Option","user":{"login":"jwuliger","id":14036569,"avatar_url":"https://avatars.githubusercontent.com/u/14036569?v=3","gravatar_id":"","url":"https://api.github.com/users/jwuliger","html_url":"https://github.com/jwuliger","followers_url":"https://api.github.com/users/jwuliger/followers","following_url":"https://api.github.com/users/jwuliger/following{/other_user}","gists_url":"https://api.github.com/users/jwuliger/gists{/gist_id}","starred_url":"https://api.github.com/users/jwuliger/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jwuliger/subscriptions","organizations_url":"https://api.github.com/users/jwuliger/orgs","repos_url":"https://api.github.com/users/jwuliger/repos","events_url":"https://api.github.com/users/jwuliger/events{/privacy}","received_events_url":"https://api.github.com/users/jwuliger/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-12-17T00:40:41Z","updated_at":"2016-12-17T02:02:27Z","closed_at":null,"body":"> Please provide us with the following information:\r\n> ---------------------------------------------------------------\r\n\r\n### OS?\r\n> Windows 7, 8 or 10. Linux (which distribution). Mac OSX (Yosemite? El Capitan?)\r\nWindows 10 (Latest & most current version)\r\n\r\n### Versions.\r\n> Please run `ng --version`. If there's nothing outputted, please run in a Terminal: `node --version` and paste the result here:\r\n\r\nangular-cli: local (v1.0.0-beta.23, branch: master)\r\nnode: 7.2.1\r\nos: win32 x64\r\n\r\n### Repro steps.\r\n> Was this an app that wasn't created using the CLI? What change did you do on your code? etc.\r\n\r\n1. Use the Master Branch of the Angular CLI with `npm link` as outlined in the documentation.\r\n2. Create a new CLI Project with the `--style` flag. Use: `ng new new-project --style=scss`\r\n3. Auto NPM Install will fail due to Beta 23 not being on NPM yet.\r\n4. Open package.json and change the CLI version to 22-1 (So we can `run npm i`)\r\n5. Do a NPM Install.\r\n6. When install is complete I link it to my local master repo using `npm link angular-cli`\r\n7. Now either use `ng serve` or `ng build`\r\n8. You should now see the error in CMD posted bellow.\r\n\r\n\r\n### The log given by the failure.\r\n> Normally this include a stack trace and some more information.\r\n\r\n```\r\nC:\\Code Projects\\Web\\Angular 2\\_ref\\latest-cli>ng serve\r\n** NG Live Development Server is running on http://localhost:4200. **\r\nHash: f09b9601cace36d4d5ba\r\nTime: 6446ms\r\nchunk    {0} main.bundle.js, main.bundle.map (main) 62.9 kB {2} [initial] [rendered]\r\nchunk    {1} styles.bundle.map (styles) 9.07 kB {3} [initial] [rendered]\r\nchunk    {2} vendor.bundle.js, vendor.bundle.map (vendor) 2.73 MB [initial] [rendered]\r\nchunk    {3} inline.bundle.js, inline.bundle.map (inline) 0 bytes [entry] [rendered]\r\n\r\nERROR in ./~/css-loader!./~/postcss-loader!./~/sass-loader!./src/styles.scss\r\nModule build failed: TypeError: Cannot read property 'path' of undefined\r\n    at Object.module.exports (C:\\Code Projects\\Web\\Angular 2\\_ref\\latest-cli\\node_modules\\sass-loader\\index.js:227:52)\r\n @ ./src/styles.scss 4:14-159\r\n @ multi styles\r\n\r\nERROR in ./src/styles.scss\r\nModule build failed: Error\r\n    at C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\NormalModule.js:143:35\r\n    at C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\loader-runner\\lib\\LoaderRunner.js:359:11\r\n    at C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\loader-runner\\lib\\LoaderRunner.js:225:18\r\n    at runSyncOrAsync (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\loader-runner\\lib\\LoaderRunner.js:138:3)\r\n    at iterateNormalLoaders (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\loader-runner\\lib\\LoaderRunner.js:224:2)\r\n    at C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\loader-runner\\lib\\LoaderRunner.js:197:4\r\n    at Storage.provide (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\enhanced-resolve\\lib\\CachedInputFileSystem.js:53:20)\r\n    at CachedInputFileSystem.readFile (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\enhanced-resolve\\lib\\CachedInputFileSystem.js:160:24)\r\n    at processResource (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\loader-runner\\lib\\LoaderRunner.js:194:11)\r\n    at iteratePitchingLoaders (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\loader-runner\\lib\\LoaderRunner.js:153:10)\r\n    at iteratePitchingLoaders (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\loader-runner\\lib\\LoaderRunner.js:160:10)\r\n    at C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\loader-runner\\lib\\LoaderRunner.js:168:18\r\n    at loadLoader (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\loader-runner\\lib\\loadLoader.js:36:3)\r\n    at iteratePitchingLoaders (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\loader-runner\\lib\\LoaderRunner.js:164:2)\r\n    at iteratePitchingLoaders (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\loader-runner\\lib\\LoaderRunner.js:160:10)\r\n    at C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\loader-runner\\lib\\LoaderRunner.js:168:18\r\n    at loadLoader (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\loader-runner\\lib\\loadLoader.js:36:3)\r\n    at iteratePitchingLoaders (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\loader-runner\\lib\\LoaderRunner.js:164:2)\r\n    at iteratePitchingLoaders (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\loader-runner\\lib\\LoaderRunner.js:160:10)\r\n    at C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\loader-runner\\lib\\LoaderRunner.js:168:18\r\n    at loadLoader (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\loader-runner\\lib\\loadLoader.js:36:3)\r\n    at iteratePitchingLoaders (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\loader-runner\\lib\\LoaderRunner.js:164:2)\r\n    at runLoaders (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\loader-runner\\lib\\LoaderRunner.js:357:2)\r\n    at NormalModule.doBuild (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\NormalModule.js:131:2)\r\n    at NormalModule.build (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\NormalModule.js:179:15)\r\n    at Compilation.buildModule (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\Compilation.js:127:9)\r\n    at Compilation.<anonymous> (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\Compilation.js:404:8)\r\n    at C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\NormalModuleFactory.js:74:13\r\n    at C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\tapable\\lib\\Tapable.js:168:11\r\n    at NormalModuleFactory.<anonymous> (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\NormalModuleReplacementPlugin.js:37:11)\r\n    at NormalModuleFactory.applyPluginsAsyncWaterfall (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\tapable\\lib\\Tapable.js:172:13)\r\n    at onDoneResolving (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\NormalModuleFactory.js:49:11)\r\n    at onDoneResolving (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\NormalModuleFactory.js:165:6)\r\n    at C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\NormalModuleFactory.js:161:6\r\n    at C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\node_modules\\async\\lib\\async.js:726:13\r\n    at C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\node_modules\\async\\lib\\async.js:52:16\r\n    at async.forEachOf.async.eachOf (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\node_modules\\async\\lib\\async.js:236:30)\r\n    at _parallel (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\node_modules\\async\\lib\\async.js:717:9)\r\n    at Object.async.parallel (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\node_modules\\async\\lib\\async.js:731:9)\r\n    at C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\NormalModuleFactory.js:154:11\r\n    at C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\node_modules\\async\\lib\\async.js:726:13\r\n    at C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\node_modules\\async\\lib\\async.js:52:16\r\n    at async.forEachOf.async.eachOf (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\node_modules\\async\\lib\\async.js:236:30)\r\n    at _parallel (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\node_modules\\async\\lib\\async.js:717:9)\r\n    at Object.async.parallel (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\node_modules\\async\\lib\\async.js:731:9)\r\n    at C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\NormalModuleFactory.js:104:10\r\n    at C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\NormalModuleFactory.js:39:4\r\n    at handleExternal (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\ExternalModuleFactoryPlugin.js:25:32)\r\n    at C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\ExternalModuleFactoryPlugin.js:81:24\r\n    at next (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\ExternalModuleFactoryPlugin.js:45:41)\r\n    at handleExternals (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\ExternalModuleFactoryPlugin.js:59:7)\r\n    at ExternalModuleFactoryPlugin.<anonymous> (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\ExternalModuleFactoryPlugin.js:79:5)\r\n    at C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\NormalModuleFactory.js:207:3\r\n    at C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\tapable\\lib\\Tapable.js:168:11\r\n    at NormalModuleFactory.<anonymous> (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\NormalModuleReplacementPlugin.js:26:11)\r\n    at NormalModuleFactory.applyPluginsAsyncWaterfall (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\tapable\\lib\\Tapable.js:172:13)\r\n    at NormalModuleFactory.create (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\NormalModuleFactory.js:191:8)\r\n    at Compilation.process [as _addModuleChain] (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\Compilation.js:359:16)\r\n    at Compilation.process [as addEntry] (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\Compilation.js:435:7)\r\n    at SingleEntryPlugin.<anonymous> (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\SingleEntryPlugin.js:22:15)\r\n    at Compiler.applyPluginsParallel (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\tapable\\lib\\Tapable.js:193:14)\r\n    at Compiler.<anonymous> (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\Compiler.js:463:8)\r\n    at Compiler.applyPluginsAsyncSeries (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\tapable\\lib\\Tapable.js:95:46)\r\n    at Compiler.compile (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\Compiler.js:456:7)\r\n    at Compiler.runAsChild (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\webpack\\lib\\Compiler.js:265:7)\r\n    at Object.module.exports.pitch (C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\extract-text-webpack-plugin\\loader.js:85:17)\r\n\r\nERROR in C:\\Code Projects\\Web\\Angular 2\\_ref\\angular-cli\\node_modules\\extract-text-webpack-plugin\\loader.js?{\"omit\":1,\"remove\":true}!C:\\Code Projects\\Web\\Angular 2\\_ref\\latest-cli\\node_modules\\style-loader\\index.js!C:\\Code Projects\\Web\\Angular 2\\_ref\\latest-cli\\node_modules\\css-loader\\index.js!C:\\Code Projects\\Web\\Angular 2\\_ref\\latest-cli\\node_modules\\postcss-loader\\index.js!C:\\Code Projects\\Web\\Angular 2\\_ref\\latest-cli\\node_modules\\sass-loader\\index.js!C:\\Code Projects\\Web\\Angular 2\\_ref\\latest-cli\\src\\styles.scss doesn't export content\r\nwebpack: bundle is now VALID.\r\n```\r\n\r\n### Mention any other details that might be useful.\r\n\r\nSo far I have only been able to reproduce this issue when using SCSS. If you generate a new project without the style flag so that it defaults to vanilla CSS, it works and the project will build. Much faster then I have seen before!\r\n\r\nI know Beta 23 is not 'official' yet since it is not on NPM yet, but thought I would mention this problem. I hope this helps. Thanks!\r\n\r\n> ---------------------------------------------------------------\r\n> Thanks! We'll be in touch soon.\r\n"},"comment":{"url":"https://api.github.com/repos/angular/angular-cli/issues/comments/267735971","html_url":"https://github.com/angular/angular-cli/issues/3610#issuecomment-267735971","issue_url":"https://api.github.com/repos/angular/angular-cli/issues/3610","id":267735971,"user":{"login":"jwuliger","id":14036569,"avatar_url":"https://avatars.githubusercontent.com/u/14036569?v=3","gravatar_id":"","url":"https://api.github.com/users/jwuliger","html_url":"https://github.com/jwuliger","followers_url":"https://api.github.com/users/jwuliger/followers","following_url":"https://api.github.com/users/jwuliger/following{/other_user}","gists_url":"https://api.github.com/users/jwuliger/gists{/gist_id}","starred_url":"https://api.github.com/users/jwuliger/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jwuliger/subscriptions","organizations_url":"https://api.github.com/users/jwuliger/orgs","repos_url":"https://api.github.com/users/jwuliger/repos","events_url":"https://api.github.com/users/jwuliger/events{/privacy}","received_events_url":"https://api.github.com/users/jwuliger/received_events","type":"User","site_admin":false},"created_at":"2016-12-17T02:02:27Z","updated_at":"2016-12-17T02:02:27Z","body":"I found a solution to the problem for now. If you install the latest version of **SASS-LOADER** `sass-loader@4.1.0` into your project's dependencies, everything work like a charm. 👍 "}}
{"actor":{"display_login":"jwuliger"}}