blocked with upgrading an AngularJS project to Angular (version 6)

[Rohit Mishra]

While bootstraping AngularJS app in my Angular6 application. I get an error:

TypeError: angular.module is not a function
at module$1 (static.js:72)
at UpgradeModule.push../node_modules/@angular/upgrade/fesm5/static.js.UpgradeModule.bootstrap (static.js:1481)
at main.ts:30
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:334)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (zone.js:126) at zone.js:713
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:367)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:166)
at drainMicroTaskQueue (zone.js:546)

I tried many ways but still stuck

my main.ts

setAngularLib(angular);

// platformBrowserDynamic().bootstrapModule(AppModule)

// .catch(err => console.log(err));

platformBrowserDynamic().bootstrapModule(AppModule).

then(platformRef => {

console.log("BOOTSTRAPING AngularJS");

const upgrade = platformRef.injector.get(UpgradeModule) as UpgradeModule;

console.log("BOOTSTRAPING AngularJS",app);

upgrade.bootstrap(document.body, [app.name]);

}).catch(err => console.log(err));

App.module.ts 

@NgModule({

declarations: [

AppComponent

],

imports: [

BrowserModule,

UpgradeModule,

],

providers: [ ],

bootstrap: [AppComponent]

})

export class AppModule {

constructor(private upgrade: UpgradeModule) {

}

ngDoBootstrap(){}

}

App.module.ajs.ts

import * as angular from '../../../../node_modules/angular';

import uiRouter from '../../../../node_modules/angular-ui-router/release/angular-ui-router.js';

const MODULE_NAME='App'

export default angular.module(MODULE_NAME, [uiRouter])

.run(function()

{ console.log('Angular 1 is running!')

angular.element('#initial-load').hide();

angular.bootstrap(document, ['App']);

}

)

thanks,

Rohit