Question

我在使用正式版本获取nativescript与angular 2一起工作的时候非常糟糕。我与好的派系web角度零问题，但本机脚本是一个不同的故事。 NativeScript为什么我的hello world会工作？我什么也没看到。

由于

主页：

import {Component} from "@angular/core";
import { Router } from "@angular/router";

@Component({
    selector: "home",
    template: "hello",
})
export class HomeComponent {
    constructor(private router: Router){
    }
}

应用

import {Component} from "@angular/core";

@Component({
    selector: "main",
    template: "<page-router-outlet></page-router-outlet>",
})
export class AppComponent {

}

路线：

import { HomeComponent } from "./pages/home/home.component";

export const routes = [
  { path: "", component: HomeComponent }
];

export const navigatableComponents = [

    HomeComponent
];

模块：

import { NgModule } from "@angular/core";
import { NativeScriptFormsModule } from "nativescript-angular/forms";
import { NativeScriptHttpModule } from "nativescript-angular/http";
import { NativeScriptModule } from "nativescript-angular/platform";
import { NativeScriptRouterModule } from "nativescript-angular/router";
import { AppComponent } from "./app.component";
import { HomeComponent } from "./pages/home/home.component";
import { routes, navigatableComponents } from "./app.routes";


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



Executing before-prepare hook from /Users/Documents/frontend/bootops-mobile-v1/hooks/before-prepare/nativescript-dev-typescript.js
Project successfully prepared (ios)
Transferring project files...
Successfully transferred all files.
Applying changes...
Sep 17 23:05:18 Davids-iMac com.apple.CoreSimulator.SimDevice.D28D29C3-07B6-4B60-B4B0-711475C505DE.launchd_sim[19187] (UIKitApplication:org.nativescript.bootopsmobilev1[0x7351][20309]): Service exited due to Terminated: 15
Successfully synced application org.nativescript.bootopsmobilev1 on device D28D29C3-07B6-4B60-B4B0-711475C505DE.
Sep 17 23:05:19 Davids-iMac bootopsmobilev1[20349]: objc[20349]: Class PLBuildVersion is implemented in both /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator.sdk/System/Library/PrivateFrameworks/AssetsLibraryServices.framework/AssetsLibraryServices (0x124c81910) and /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator.sdk/System/Library/PrivateFrameworks/PhotoLibraryServices.framework/PhotoLibraryServices (0x124aab210). One of the two will be used. Which one is undefined.
Sep 17 23:05:19 Davids-iMac bootopsmobilev1[20349]: assertion failed: 15G1004 14A345: libxpc.dylib + 62597 [37A9DF49-35C1-3D93-B854-B35CACF0100F]: 0x7d
Sep 17 23:05:19 Davids-iMac bootopsmobilev1[20349]: CONSOLE LOG file:///app/tns_modules/@angular/core/bundles/core.umd.js:210:20: Angular 2 is running in the development mode. Call enableProdMode() to enable the production mode.

Answer 1

除了HomeComponent template部分之外，代码段中的所有内容都很好看，组件声明应如下所示：

@Component({
    selector: "home",
    template: `<Label text="hello"></Label>`,
})
export class HomeComponent {
    constructor(private router: Router){
    }
}

背后的原因是，在NativeScript中没有webview，它是所有本机组件。所以为了你的＆＃34;你好＆＃34;要呈现的文本，您需要使用NativeScript Label。这对于NativeScript + Angular 2来说都是如此。您的代码片段在Angular 2 Web上正常工作，因为Web浏览器知道如何呈现该文本，另一方面，NativeScripts Angular 2渲染器不知道如何直接渲染文本，因为在iOS上和Android没有这样的渲染，你需要告诉它如何通过Label标记。

Answer 2

在index.html中，您必须放置<selector-for-the-page></selector-for-the-page>您可能有不同的选择器。

angular2和nativescript不起作用 - 断言失败：15G1004 14A345：libxpc.dylib

2 个答案: