{"action":"created","issue":{"url":"https://api.github.com/repos/angular/angular-cli/issues/2418","repository_url":"https://api.github.com/repos/angular/angular-cli","labels_url":"https://api.github.com/repos/angular/angular-cli/issues/2418/labels{/name}","comments_url":"https://api.github.com/repos/angular/angular-cli/issues/2418/comments","events_url":"https://api.github.com/repos/angular/angular-cli/issues/2418/events","html_url":"https://github.com/angular/angular-cli/issues/2418","id":180052700,"number":2418,"title":"Using new --aot option causes constant rebuilding","user":{"login":"jtsom","id":13488,"avatar_url":"https://avatars.githubusercontent.com/u/13488?v=3","gravatar_id":"","url":"https://api.github.com/users/jtsom","html_url":"https://github.com/jtsom","followers_url":"https://api.github.com/users/jtsom/followers","following_url":"https://api.github.com/users/jtsom/following{/other_user}","gists_url":"https://api.github.com/users/jtsom/gists{/gist_id}","starred_url":"https://api.github.com/users/jtsom/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jtsom/subscriptions","organizations_url":"https://api.github.com/users/jtsom/orgs","repos_url":"https://api.github.com/users/jtsom/repos","events_url":"https://api.github.com/users/jtsom/events{/privacy}","received_events_url":"https://api.github.com/users/jtsom/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":8,"created_at":"2016-09-29T13:42:47Z","updated_at":"2016-09-30T13:32: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\n\r\nMacOS Sierra\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: 1.0.0-beta.16\r\nnode: 6.7.0\r\nos: darwin 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\n`ng serve --aot`\r\n\r\nInitially builds, then goes into a constant Webpack INVALID rebuild VALID INVALID rebuild cycle.\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\n** NG Live Development Server is running on http://localhost:4200. **\r\n4109ms building modules                 1ms add01043ms c94ms asset31ms emittinggHash: 79f9768baa01f1f7cde4\r\nVersion: webpack 2.1.0-beta.22\r\nTime: 6095ms\r\n           Asset       Size  Chunks             Chunk Names\r\n  main.bundle.js    1.82 MB    0, 2  [emitted]  main\r\nstyles.bundle.js    10.4 kB    1, 2  [emitted]  styles\r\n       inline.js    5.53 kB       2  [emitted]  inline\r\n        main.map    1.98 MB    0, 2  [emitted]  main\r\n      styles.map    14.5 kB    1, 2  [emitted]  styles\r\n      inline.map    5.59 kB       2  [emitted]  inline\r\n      index.html  476 bytes          [emitted]\r\n  assets/bb8.png    12.5 kB          [emitted]\r\nChild html-webpack-plugin for \"index.html\":\r\n         Asset     Size  Chunks       Chunk Names\r\n    index.html  2.81 kB       0\r\nChild src/app/app.component.html:\r\n                                                                   Asset     Size  Chunks       Chunk Names\r\n    /Users/John/Dev/Javascript/Angular/a2test/src/app/app.component.html  2.67 kB       0       <app-nav-bar></app-nav-bar>\r\n    <h1>\r\n      {{title}}\r\n    </h1>\r\n\r\n    <my-fader [isVisible]=\"isVisible\">\r\n      Hello there <img src=\"/assets/bb8.png\">\r\n    </my-fader>\r\n\r\n\r\n    <button (click)=\"isVisible = !isVisible\">Toggle</button>\r\nChild src/app/nav-bar/nav-bar.component.html:\r\n                                                                               Asset     Size  Chunks       Chunk Names\r\n    /Users/John/Dev/Javascript/Angular/a2test/src/app/nav-bar/nav-bar.component.html  2.52 kB       0       <nav>\r\n      <img src=\"/assets/bb8.png\">navbar-component works!\r\n    </nav>\r\n\r\nChild src/app/fader/fader.component.html:\r\n                                                                           Asset     Size  Chunks       Chunk Names\r\n    /Users/John/Dev/Javascript/Angular/a2test/src/app/fader/fader.component.html  2.59 kB       0       <div [@visibilityChanged]=\"visibility\" >\r\n          <ng-content></ng-content>\r\n          <p>Can you see me? I should fade in or out...</p>\r\n    </div>\r\nChild src/app/nav-bar/nav-bar.component.scss:\r\n                                                                               Asset     Size  Chunks       Chunk Names\r\n    /Users/John/Dev/Javascript/Angular/a2test/src/app/nav-bar/nav-bar.component.scss  2.45 kB       0\r\nChild src/app/fader/fader.component.scss:\r\n                                                                           Asset     Size  Chunks       Chunk Names\r\n    /Users/John/Dev/Javascript/Angular/a2test/src/app/fader/fader.component.scss  2.45 kB       0\r\nChild src/app/app.component.scss:\r\n                                                                   Asset     Size  Chunks       Chunk Names\r\n    /Users/John/Dev/Javascript/Angular/a2test/src/app/app.component.scss  2.67 kB       0       @import '../styles';\r\n\r\n    h1 {\r\n        background-color: $primary-color\r\n    }\r\nwebpack: bundle is now VALID.\r\nwebpack: bundle is now INVALID.\r\n480ms building modules                  3ms add0ms1ms ch54ms asset0ms emitting gHash: 79f9768baa01f1f7cde4\r\nVersion: webpack 2.1.0-beta.22\r\nTime: 1194ms\r\n           Asset     Size  Chunks       Chunk Names\r\n  main.bundle.js  1.82 MB    0, 2       main\r\nstyles.bundle.js  10.4 kB    1, 2       styles\r\n       inline.js  5.53 kB       2       inline\r\n        main.map  1.98 MB    0, 2       main\r\n      styles.map  14.5 kB    1, 2       styles\r\n      inline.map  5.59 kB       2       inline\r\nChild html-webpack-plugin for \"index.html\":\r\n         Asset     Size  Chunks       Chunk Names\r\n    index.html  2.81 kB       0\r\nChild src/app/app.component.html:\r\n                                                                   Asset     Size  Chunks       Chunk Names\r\n    /Users/John/Dev/Javascript/Angular/a2test/src/app/app.component.html  2.67 kB       0       <app-nav-bar></app-nav-bar>\r\n    <h1>\r\n      {{title}}\r\n    </h1>\r\n\r\n    <my-fader [isVisible]=\"isVisible\">\r\n      Hello there <img src=\"/assets/bb8.png\">\r\n    </my-fader>\r\n\r\n\r\n    <button (click)=\"isVisible = !isVisible\">Toggle</button>\r\nChild src/app/nav-bar/nav-bar.component.html:\r\n                                                                               Asset     Size  Chunks       Chunk Names\r\n    /Users/John/Dev/Javascript/Angular/a2test/src/app/nav-bar/nav-bar.component.html  2.52 kB       0       <nav>\r\n      <img src=\"/assets/bb8.png\">navbar-component works!\r\n    </nav>\r\n\r\nChild src/app/fader/fader.component.html:\r\n                                                                           Asset     Size  Chunks       Chunk Names\r\n    /Users/John/Dev/Javascript/Angular/a2test/src/app/fader/fader.component.html  2.59 kB       0       <div [@visibilityChanged]=\"visibility\" >\r\n          <ng-content></ng-content>\r\n          <p>Can you see me? I should fade in or out...</p>\r\n    </div>\r\nChild src/app/app.component.scss:\r\n                                                                   Asset     Size  Chunks       Chunk Names\r\n    /Users/John/Dev/Javascript/Angular/a2test/src/app/app.component.scss  2.67 kB       0       @import '../styles';\r\n\r\n    h1 {\r\n        background-color: $primary-color\r\n    }\r\nChild src/app/nav-bar/nav-bar.component.scss:\r\n                                                                               Asset     Size  Chunks       Chunk Names\r\n    /Users/John/Dev/Javascript/Angular/a2test/src/app/nav-bar/nav-bar.component.scss  2.45 kB       0\r\nChild src/app/fader/fader.component.scss:\r\n                                                                           Asset     Size  Chunks       Chunk Names\r\n    /Users/John/Dev/Javascript/Angular/a2test/src/app/fader/fader.component.scss  2.45 kB       0\r\nwebpack: bundle is now VALID.\r\nwebpack: bundle is now INVALID.\r\n446ms building modules                  1ms add1ms0ms ch48ms asset1ms emitting gHash: 79f9768baa01f1f7cde4\r\nVersion: webpack 2.1.0-beta.22\r\nTime: 1095ms\r\n           Asset     Size  Chunks       Chunk Names\r\n  main.bundle.js  1.82 MB    0, 2       main\r\nstyles.bundle.js  10.4 kB    1, 2       styles\r\n       inline.js  5.53 kB       2       inline\r\n        main.map  1.98 MB    0, 2       main\r\n      styles.map  14.5 kB    1, 2       styles\r\n      inline.map  5.59 kB       2       inline\r\nChild html-webpack-plugin for \"index.html\":\r\n         Asset     Size  Chunks       Chunk Names\r\n    index.html  2.81 kB       0\r\nChild src/app/app.component.html:\r\n                                                                   Asset     Size  Chunks       Chunk Names\r\n    /Users/John/Dev/Javascript/Angular/a2test/src/app/app.component.html  2.67 kB       0       <app-nav-bar></app-nav-bar>\r\n    <h1>\r\n      {{title}}\r\n    </h1>\r\n\r\n    <my-fader [isVisible]=\"isVisible\">\r\n      Hello there <img src=\"/assets/bb8.png\">\r\n    </my-fader>\r\n\r\n\r\n    <button (click)=\"isVisible = !isVisible\">Toggle</button>\r\nChild src/app/nav-bar/nav-bar.component.html:\r\n                                                                               Asset     Size  Chunks       Chunk Names\r\n    /Users/John/Dev/Javascript/Angular/a2test/src/app/nav-bar/nav-bar.component.html  2.52 kB       0       <nav>\r\n      <img src=\"/assets/bb8.png\">navbar-component works!\r\n    </nav>\r\n\r\nChild src/app/fader/fader.component.html:\r\n                                                                           Asset     Size  Chunks       Chunk Names\r\n    /Users/John/Dev/Javascript/Angular/a2test/src/app/fader/fader.component.html  2.59 kB       0       <div [@visibilityChanged]=\"visibility\" >\r\n          <ng-content></ng-content>\r\n          <p>Can you see me? I should fade in or out...</p>\r\n    </div>\r\nChild src/app/app.component.scss:\r\n                                                                   Asset     Size  Chunks       Chunk Names\r\n    /Users/John/Dev/Javascript/Angular/a2test/src/app/app.component.scss  2.67 kB       0       @import '../styles';\r\n\r\n    h1 {\r\n        background-color: $primary-color\r\n    }\r\nChild src/app/nav-bar/nav-bar.component.scss:\r\n                                                                               Asset     Size  Chunks       Chunk Names\r\n    /Users/John/Dev/Javascript/Angular/a2test/src/app/nav-bar/nav-bar.component.scss  2.45 kB       0\r\nChild src/app/fader/fader.component.scss:\r\n                                                                           Asset     Size  Chunks       Chunk Names\r\n    /Users/John/Dev/Javascript/Angular/a2test/src/app/fader/fader.component.scss  2.45 kB       0\r\nwebpack: bundle is now VALID.\r\nwebpack: bundle is now INVALID.\r\n 32% building modules 3/6 modules 3 active ...pp/fader/fader.component.ngfactory.ts\r\n\r\n```\r\n### Mention any other details that might be useful.\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/250745086","html_url":"https://github.com/angular/angular-cli/issues/2418#issuecomment-250745086","issue_url":"https://api.github.com/repos/angular/angular-cli/issues/2418","id":250745086,"user":{"login":"garysui","id":8386050,"avatar_url":"https://avatars.githubusercontent.com/u/8386050?v=3","gravatar_id":"","url":"https://api.github.com/users/garysui","html_url":"https://github.com/garysui","followers_url":"https://api.github.com/users/garysui/followers","following_url":"https://api.github.com/users/garysui/following{/other_user}","gists_url":"https://api.github.com/users/garysui/gists{/gist_id}","starred_url":"https://api.github.com/users/garysui/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/garysui/subscriptions","organizations_url":"https://api.github.com/users/garysui/orgs","repos_url":"https://api.github.com/users/garysui/repos","events_url":"https://api.github.com/users/garysui/events{/privacy}","received_events_url":"https://api.github.com/users/garysui/received_events","type":"User","site_admin":false},"created_at":"2016-09-30T13:32:27Z","updated_at":"2016-09-30T13:32:27Z","body":"I wish I had my laptop with me. Basically this is what to reproduce: (on Windows 10):\r\n\r\n- `ng new helloworld`\r\n\r\n- in app.component.css, add a style, starting with \".\"  eg `\".blue{color: blue;}\"`\r\nNow if you do a build `\"ng build -prod --aot\"`, it will fail. It complains invalid token. Can't remember the details.\r\nJust to confirm, I also have endless rebuilding problem if I do `\"ng server --aot\"` "}}
{"actor":{"display_login":"garysui"}}