ng serve does not detect changes in routes

[aprades]

Please provide us with the following information:

OS?

Windows 7, 8 or 10. Linux (which distribution). Mac OSX (Yosemite? El Capitan?)
Windows 8.1

Versions.

Please run ng --version. If there's nothing outputted, please run in a Terminal: node --version and paste the result here:

angular-cli: 1.0.0-beta.26
node: 6.9.5
os: win32 x64
@angular/common: 2.4.5
@angular/compiler: 2.4.5
@angular/core: 2.4.5
@angular/forms: 2.4.5
@angular/http: 2.4.5
@angular/platform-browser: 2.4.5
@angular/platform-browser-dynamic: 2.4.5
@angular/router: 3.4.5
@angular/compiler-cli: 2.4.5

Repro steps.

Was this an app that wasn't created using the CLI? What change did you do on your code? etc.

Added a new route in a working module:
const routes: Routes = [
{path: 'travesses', component: TravessesComponent},
{path: 'peres', component: TravessesComponent} <= this is the new one
];

The log given by the failure.

Normally this include a stack trace and some more information.

webpack: Compiling...
Hash: 1cb8464dd62798771354
Time: 476ms
chunk {0} main.bundle.js, main.bundle.map (main) 11.4 kB {2} [initial] [rendered]
chunk {1} styles.bundle.js, styles.bundle.map (styles) 9.96 kB {3} [initial]
chunk {2} vendor.bundle.js, vendor.bundle.map (vendor) 3.16 MB [initial]
chunk {3} inline.bundle.js, inline.bundle.map (inline) 0 bytes [entry]
webpack: Compiled successfully.

Accessing the route gets:

EXCEPTION: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'peres'
Error: Cannot match any routes. URL Segment: 'peres'
at ApplyRedirects.noMatchError (http://localhost:4200/vendor.bundle.js:85516:16) [angular]
at CatchSubscriber.selector (http://localhost:4200/vendor.bundle.js:85485:29) [angular]
at CatchSubscriber.error (http://localhost:4200/vendor.bundle.js:68724:31) [angular]
at MapSubscriber.Subscriber._error (http://localhost:4200/vendor.bundle.js:6711:26) [angular]
at MapSubscriber.Subscriber.error (http://localhost:4200/vendor.bundle.js:6685:18) [angular]
at MapSubscriber.Subscriber._error (http://localhost:4200/vendor.bundle.js:6711:26) [angular]
at MapSubscriber.Subscriber.error (http://localhost:4200/vendor.bundle.js:6685:18) [angular]
at MapSubscriber.Subscriber._error (http://localhost:4200/vendor.bundle.js:6711:26) [angular]
at MapSubscriber.Subscriber.error (http://localhost:4200/vendor.bundle.js:6685:18) [angular]
at LastSubscriber.Subscriber._error (http://localhost:4200/vendor.bundle.js:6711:26) [angular]
at LastSubscriber.Subscriber.error (http://localhost:4200/vendor.bundle.js:6685:18) [angular]
at MergeAllSubscriber.OuterSubscriber.notifyError (http://localhost:4200/vendor.bundle.js:48223:26) [angular]
at InnerSubscriber._error (http://localhost:4200/vendor.bundle.js:91572:21) [angular]
at InnerSubscriber.Subscriber.error (http://localhost:4200/vendor.bundle.js:6685:18) [angular]

Mention any other details that might be useful.

After stopping ng serve and launching it again the route works as expected.

---

Thanks! We'll be in touch soon.

[danielsogl]

Same as #4338

[aprades]

It doesn't work with @ngtools/[email protected]

With @ngtools/[email protected] it works fine.

[rubiktubik]

By me its not detecting changes to all .ts files.
Solved with installing @ngtools/[email protected]

[lihaibh]

Did anyone try the fix "installing @ngtools/[email protected]" with hot module reloading?
It doesnt work well for me.. it refreshes the page anyway..

[guntram]

i tried the @ngtools/[email protected], but it crashed the project, also tried "exclude": "node_modules" in the config, but there was no difference...
i am using win7.
i did not try the inotify thing, as my memory is already almost at its limit (webstorm taking 1-2gb).

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}