How to use namespaces with import in TypeScript
<p>I have two classes in two separate files and one extends from another. The base class contains some <code>import</code> statements using node modules. It is unclear to me why the derived class (which is in a separate file) does not recognize the base class!!!???</p>

<p>Can someone clarify this please?</p>

<pre><code>// UtilBase.ts

/// &lt;reference path="../typings/node.d.ts" /&gt;
/// &lt;reference path="../typings/packages.d.ts" /&gt;

import * as path from "path"; // &lt;---- THIS LINE BREAKS THE BUILD!!!!

namespace My.utils {

    export class UtilBase {

        protected fixPath(value: string): string {
            return value.replace('/', path.sep);
        }
   }
}
</code></pre>

<p>And then</p>

<pre><code>// UtilOne.ts
/// &lt;reference path="UtilBase.ts" /&gt;

namespace My.utils {

    export class UtilOne extends My.utils.UtilBase {

    }
}
</code></pre>

<p>After compiling I get:</p>

<pre><code>src/UtilOne.ts(6,47): error TS2339: Property 'UtilBase' does not 
exist on type 'typeof utils'
</code></pre>