[英]Nativescript/angular2: no provider for applicationRef! error after deployment
i'm trying to run a very simple nativescript/angular2 app, it seems to build fine but after the app gets deployed to the android (genymotion) emulator I get the following error message. 我正在尝试运行一个非常简单的nativescript / angular2应用程序,它似乎构建正常但在应用程序部署到android(genymotion)模拟器后,我收到以下错误消息。 So it seems like angular isn't bootstrapped???
所以似乎角度没有自举? not sure at all why this is... Any idea what i'm doing wrong?
不确定为什么这是......任何想法我做错了什么?
error message: 错误信息:
"@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)
My main.ts file if that helps: 我的main.ts文件,如果有帮助:
import { platformNativeScriptDynamic } from "nativescript-angular/platform";
import { AppModule } from "./app.module";
platformNativeScriptDynamic().bootstrapModule(AppModule);
and my app.module.ts: 和我的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 {}
将BrowserModule导入app.module为我做了...
import { BrowserModule } from '@angular/platform-browser';
remove the parenthesis from your imports
in ngModule
,it should be an array of modules. 从
ngModule
的imports
中删除括号,它应该是一个模块数组。 like this: 像这样:
@NgModule({
imports : [
NativeScriptModule, NativeScriptFormsModule, NativeScriptRouterModule, NativeScriptRouterModule.forRoot(routes)
],
declarations : [AppComponent, ...navigatableComponents ],
bootstrap : [AppComponent]
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.