promise-loader | webpack bundle-loader ripoff | Reactive Programming library

I wanted to start my angular2 app on webpack first time, and I get : ERROR in Path must be string. Received undefined webpack: failed to compile, that's the package.json`

I followed/clone this github repo:

Then I open this project in Visual Studio Code. I got this error:

Error:

'This syntax requires an imported helper named '__decorate', but module 'tslib' has no exported member '__decorate'.' at: '13,1' source: 'ts'

'This syntax requires an imported helper named '__metadata', but module 'tslib' has no exported member '__metadata'.' at: '13,1' source: 'ts'

'Cannot find name 'OnInit'.' at: '27,41' source: 'ts'

This is the source code:

I just started learning angular 2 and cloned this repo: https://github.com/AngularClass/angular-starter. Just adding an extra menu option called 'list'. I have created the component and added it to the routes:

My Angular application is currently at 4.1.3 with Typescript@2.0.3. I read that with Typescript greater than 2.0, @types should be used.

Currently I have typings installed in the application. To migrate to using @types, I have 3 questions:

1.Should I simply remove typings from package.json and tsconfig.json? and install @types packages?

1. How do i decide what @types packages to install for my application?
2. Also should I delete typings.json file?

package.json:

I updated my current angular 2 project to angular 4, and now, got these errors:

I'm using redux-pagan plugin for localization. All locales are stored in JSON files and load on demand by this function (from redux-pagan docs), which uses promise-loader.