Import declarations seems to break namespace compilation

[nikkatalnikov]

TypeScript Version: 2.8.1

Search Terms:
namespace
import
Code

import { Moment } from 'moment'

declare namespace Models {
  export interface ITimeFrame {
    [key: string]: Array<{
      foo: number
      start: Moment
      end: Moment
    }>
  }
}

Expected behavior:
Compiles fine

Actual behavior:
Webstorm spits out an error.

**/service.ts
Error:(12, 17) TS2503: Cannot find namespace 'Models'.
Error:(30, 30) TS2503: Cannot find namespace 'Models'.
Error:(99, 11) TS2503: Cannot find namespace 'Models'.
Error:(100, 6) TS2503: Cannot find namespace 'Models'.
Error:(119, 11) TS2503: Cannot find namespace 'Models'.
Error:(120, 6) TS2503: Cannot find namespace 'Models'.
Error:(146, 11) TS2503: Cannot find namespace 'Models'.
Error:(146, 56) TS2503: Cannot find namespace 'Models'.
Error:(147, 6) TS2503: Cannot find namespace 'Models'.

once import declaration and

start: Moment
end: Moment

are removed, it compiles fine.

also, even import declaration by itself, without

start: Moment
end: Moment

breaks compilation with the same result.

tsconfig:

{
  "compilerOptions": {
    "target": "es2015",
    "module": "commonjs",
    "noImplicitAny": false,
    "alwaysStrict": true,
    "strictNullChecks": true,
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true
  },
  "exclude":[
    "node_modules",
    "./src/**/*.spec.ts"
  ]
}

[typescript-bot]

Automatically closing this issue for housekeeping purposes. The issue labels indicate that it is unactionable at the moment or has already been addressed.

[nikkatalnikov]

@mhegazy
why the issue has been closed?

[mhegazy]

Modules (i.e. a file with a top lever import or export) introduce their own scope.

[nikkatalnikov]

ok, so, how can i use imported type in interface declaration? only without namespace pragma?

[mhegazy]

https://github.com/Microsoft/TypeScript/wiki/What's-new-in-TypeScript#import-types

[nikkatalnikov]

your example is not relevant, import is not possible due to error msg:

Error:(136, 3) TS1036: Statements are not allowed in ambient contexts.

[nikkatalnikov]

Apparently, the problem was in moment.js itself

moment/moment#3680 (comment)

creating moment.shim.d.ts:

import * as moment from 'moment'
export as namespace moment
export = moment

and then declaring

  export interface ITimeFrame {
    foo: number
    bar: string
    start: moment.Moment
    end: moment.Moment
  }

works fine.