Angular2 Lazy Loading Service being Instantiated Twice : <p>I just switched my application over to be lazy-loaded today.<br>
I have a <code>SharedModule</code> that exports a bunch of services.
In my <code>AppModule</code>, I import <code>SharedModule</code> because <code>AppComponent</code> needs access to a few of the shared services. </p>

<p>In another module <code>FinalReturnModule</code>, I import <code>SharedModule</code>.  In one of my services, I put a <code>console.log('hi')</code> in the constructor.  </p>

<p>When the app first loads, I get <code>hi</code> to the console.  Whenever I navigate to a page within the <code>FinalReturnModule</code> I get <code>hi</code> again.  Obviously, since there are two instances, nothing's working correctly since the modules aren't able to communicate. </p>

<p>How can I stop the service from being instantiated twice?  </p>

<p>EDIT: Background, the app is built using angular-cli.</p>

<p>Current versions:</p>

<pre><code>angular-cli: 1.0.0-beta.24
node: 6.9.1
os: win32 ia32
@angular/common: 2.4.1
@angular/compiler: 2.4.1
@angular/core: 2.4.1
@angular/forms: 2.4.1
@angular/http: 2.4.1
@angular/platform-browser: 2.4.1
@angular/platform-browser-dynamic: 2.4.1
@angular/router: 3.1.1
@angular/compiler-cli: 2.4.1
</code></pre>
