неопределенная ошибка при вызове функции javascript в angular 2

Может ли кто-нибудь помочь мне, как вызвать функцию из внешнего файла js внутри моего компонента angular2. Ниже приведен фрагмент моего кода, когда я пытаюсь загрузить приложение, которое выдает ошибку App is undefined.

Вот мой код компонента:

import { Component, OnInit, AfterContentInit } from '@angular/core';

@Component({
    selector: 'test',
    templateUrl: './test.html'
})

export class TestComponent implements OnInit {

    constructor() { }

    ngOnInit() {

    }

    ngAfterViewInit() {
        App.handleInit();
    }
}

вот мой скрипт внутри app.js:

var App = function() {
    var handleInit = function() {
        console.log("Hello world");
    };
}();

Когда мы вызываем функцию внутри ngAfterViewInit, она выдает ошибку App is undefined.

Мы импортируем файл app.js внутрь vendor.ts и используем webpack. Здесь app.js загружается нормально, но функция не работает.

Пожалуйста, помогите нам с решением.

Заранее спасибо.