Exported external package typings file is not a module

[Gelio]

I've finally set up Meteor to use Angular2 and Typescript, but when importing zone.js both Visual Studio Code and Meteor's typescript compiler complain about zone.js.d.ts not being a module.

The application works fine and it's just a minor development error, but it persists every time a change is made to the project, which may be annoying when looking at logs.

The code that I've used:

import 'reflect-metadata';
import 'zone.js';
import { Component } from '@angular/core';
import { bootstrap } from '@angular/platform-browser-dynamic';

@Component({
  selector: 'app',
  templateUrl: '/client/app.html'
})
class Socially {
  constructor() {
    console.log("Hi from inside the constructor");
  }
}

bootstrap(Socially);

I have tried to install a zone.js typings file (with typings) but it did not work.

[agxs]

I have the same problem. If I edit the zone.js.d.ts and change the top line from interface Zone to export interface Zone then the error disappears.

I'm not sure that's 100% the correct thing to do due to what's described in #93 but it'd good enough for my purposes.

[IgorMinar]

you should not import zone.js from your application like this. If you do, you are loading the prolyfill too late which means that part of your environment (module loader) won't be under the oversight of zone.js - things might seem to work for a while but sooner or later you'll run into issues when updates to the ui stop happening and you won't know why.

For this reason it's better to always include all polyfills before any module loader (systemjs) or application code. This is why we recommend loading zones as the first script in index.html.