Nativescript/angular2：沒有applicationRef的提供者！部署後出現錯誤

我試圖運行一個非常簡單的nativescript/angular2應用程序，它似乎構建良好，但應用程序被部署到android（genymotion）模擬器後，我收到以下錯誤消息。所以它看起來像棱角不是自舉？不知道爲什麼這是...任何想法我做錯了什麼？Nativescript/angular2：沒有applicationRef的提供者！部署後出現錯誤

錯誤消息：

"@angular/core": "2.1.2", 
"@angular/forms": "2.1.2", 
    "@angular/http": "2.1.2", 
    "@angular/platform-browseBUILD SUCCESSFUL 

Total time: 1 mins 39.836 secs 
Project successfully built 
Successfully deployed on device with identifier '192.168.8.101:5555'. 
JS: ns-renderer: ERROR BOOTSTRAPPING ANGULAR 
JS: ns-renderer: No provider for ApplicationRef! 
JS: 
JS: Error: No provider for ApplicationRef! 
JS:  at NoProviderError.Error (native) 
JS:  at NoProviderError.BaseError [as constructor] (/data/data/org.nativescript.barcodescanner/files/app/tns_modules/@angular/core/bundles/core.umd.js:1104:38) 
JS:  at NoProviderError.AbstractProviderError [as constructor] (/data/data/org.nativescript.barcodescanner/files/app/tns_modules/@angular/core/bundles/core.umd.js:1235:20) 
JS:  at new NoProviderError (/data/data/org.nativescript.barcodescanner/files/app/tns_modules/@angular/core/bundles/core.umd.js:1266:20) 
JS:  at ReflectiveInjector_._throwOrNull (/data/data/org.nativescript.barcodescanner/files/app/tns_modules/@angular/core/bundles/core.umd.js:2906:23) 
JS:  at ReflectiveInjector_._getByKeyDefault (/data/data/org.nativescript.barcodescanner/files/app/tns_modules/@angular/core/bundles/core.umd.js:2934:29) 
JS:  at ReflectiveInjector_._getByKey (/data/data/org.nativescript.barcodescanner/files/app/tns_modules/@angular/core/bundles/core.umd.js:2897:29) 
JS:  at ReflectiveInjector_.get (/data/data/org.nativescript.barcodescanner/files/app/tns_modules/@angular/core/bundles/core.umd.js:2706:25) 
JS:  at NgModuleInjector.Object.defineProperty.get (/AppModule/module.ngfactory.js:58:87) 
JS:  at NgModuleInjector.AppModuleInjector.createInternal (/AppModule/module.ngfactory.js:83:60)

我main.ts文件是否有幫助：

import { platformNativeScriptDynamic } from "nativescript-angular/platform"; 


import { AppModule } from "./app.module"; 



platformNativeScriptDynamic().bootstrapModule(AppModule);

和我app.module.ts：

import { NgModule } from "@angular/core"; 
import { NativeScriptFormsModule } from "nativescript-angular/forms"; 
import { NativeScriptModule } from "nativescript-angular/platform"; 
import { NativeScriptRouterModule } from "nativescript-angular/router"; 

import { AppComponent } from "./app.component"; 
import {routes, navigatableComponents } from "./app.routing"; 

@NgModule({ 
    imports : [(
    NativeScriptModule, NativeScriptFormsModule, NativeScriptRouterModule, NativeScriptRouterModule.forRoot(routes) 
    )], 
    declarations : [AppComponent, ...navigatableComponents 
    ], 
    bootstrap : [AppComponent]  
}) 
export class AppModule {}

來源

2016-11-26 user2094257

從刪除您的括號imports in ngModule，它應該是一個模塊數組。像這樣：

@NgModule({ 
    imports : [ 
    NativeScriptModule, NativeScriptFormsModule, NativeScriptRouterModule, NativeScriptRouterModule.forRoot(routes) 
    ], 
    declarations : [AppComponent, ...navigatableComponents ], 
    bootstrap : [AppComponent]  
})

來源

2016-11-26 09:58:07 HabibKazemi

再次感謝@HabibKazemi – user2094257

Nativescript/angular2：沒有applicationRef的提供者！部署後出現錯誤

回答

相關問題