<p dir="auto"><strong>Steps to reproduce and a minimal demo of the problem</strong></p>
<p dir="auto">create a new A2RC1 app with angular-cli:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="ng new blah
cd blah
npm start"><pre class="notranslate"><code class="notranslate">ng new blah
cd blah
npm start
</code></pre></div>
<p dir="auto">load the page with your dev tools open and observe that it submits over 290 xhr requests at startup. beta-14 (from which we just upgraded) loads about 40.</p>
<p dir="auto"><strong>Current behavior</strong></p>
<p dir="auto">more than 290 requests. (&gt;600 once our 20-30 client-side classes are added)</p>
<p dir="auto">Many of these requests are duplicated, e.g. exception_handler.js, base_wrapped_exception.js, and collection.js.</p>
<p dir="auto"><strong>Expected/desired behavior</strong></p>
<p dir="auto"><em>Far</em> fewer requests.</p>
<p dir="auto"><strong>Other information</strong></p>
<p dir="auto">This many requests is going to KILL us at roll-out time.</p>
<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong></p>
<p dir="auto">The <code class="notranslate">'**'</code> catch-all definition lazily loads the module, however it does not properly handle the child routes.</p>
<p dir="auto"><strong>Expected behavior</strong></p>
<p dir="auto">Lazy load the module and properly handle all the child routes. The catch-all <code class="notranslate">'**'</code> lazily loaded module could either define more <code class="notranslate">'**'</code> catch-all's with other lazy loaded modules or it could of course also have it's own <code class="notranslate">'**'</code> catch-all to just a component to show a not found component if desired.</p>
<p dir="auto"><strong>Minimal reproduction of the problem with instructions</strong></p>
<p dir="auto">This SO post describes the issue:<br>
<a href="http://stackoverflow.com/questions/40276372/angular-router-wildcard-as-a-catch-all-with-child-routes-using-latest-2-4" rel="nofollow">http://stackoverflow.com/questions/40276372/angular-router-wildcard-as-a-catch-all-with-child-routes-using-latest-2-4</a></p>
<p dir="auto">This plunkr demonstrates the issue:<br>
<a href="https://plnkr.co/edit/QfXx5KJGfhMskIldA0AA?p=preview" rel="nofollow">https://plnkr.co/edit/QfXx5KJGfhMskIldA0AA?p=preview</a></p>
<p dir="auto">If you open the console, you will see <code class="notranslate">created [NameComponent]</code> for each link you click on <em>except</em> the 'whatever' link which lazily loads the <code class="notranslate">AnythingModule</code>.</p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong></p>
<p dir="auto">More flexible routing setups.</p>
<p dir="auto"><strong>Please tell us about your environment:</strong></p>
<p dir="auto">Mac os Sierra</p>
<ul dir="auto">
<li><strong>Angular version:</strong> 2.0.X</li>
</ul>
<p dir="auto">Angular <code class="notranslate">2.4.0</code>, Router: <code class="notranslate">3.4.1</code></p>
<ul dir="auto">
<li><strong>Browser:</strong> [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]</li>
</ul>
<p dir="auto">All</p>
<ul dir="auto">
<li><strong>Language:</strong> [all | TypeScript X.X | ES6/7 | ES5]</li>
</ul>
<p dir="auto">TypeScript</p>
<ul dir="auto">
<li><strong>Node (for AoT issues):</strong> <code class="notranslate">node --version</code> =</li>
</ul>
<p dir="auto">Node <code class="notranslate">6.9.1</code>, npm <code class="notranslate">3.10.1</code></p>
<p dir="auto">/cc <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/zoechi/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/zoechi">@zoechi</a> since he had helped initially with the SO post. Thank you!</p>