Subsequent variable declarations must have the same type. Variable '$' must be of type 'JQueryStatic', but here has type 'cssSelectorHelper'
<p>I have a very simple file:</p>

<pre><code>/// &lt;reference path="../typings/browser/ambient/jquery/jquery" /&gt;
import {Component} from "angular2/core";

@Component({})
export class AppComponent{

    constructor(){
        $.isEmptyObject({});
    }

}
</code></pre>

<p>I installed jQuery typings so typescript wouldn't complain about not recognizing $. But now the thing is complaining about the issue in the question:</p>

<pre><code>Error:(1679, 13) TS2403: Subsequent variable declarations must have the same type.  Variable '$' must be of type 'JQueryStatic', but here has type 'cssSelectorHelper'.
</code></pre>

<p>This issue happens because angular-protractor is declaring $ as well but as a <code>cssSelectorHelper</code> instead of a <code>JQueryStatic</code> object.</p>

<p>Thing is... I am not using protractor at all !!!, why is it getting added when I import something from angular2/code? Is there a decent workaround for this until Angular guys fix this, if they ever do.</p>

<p>Note: commenting out the definition in the protractor file is not a decent workaround, I'm looking for something permanent that won't go away when someone else grabs the project and runs a clean install or when we update the angular library.</p>