Android设备预览NativeScript Angular应用启动异常求助

从你提供的代码片段和错误日志来看，问题出在根组件的配置错误，导致应用找不到启动入口。下面一步步拆解原因并给出修复方案：

问题根源分析 #

对比你的两段代码：

• 正常运行的代码中，AppComponent使用了默认的根选择器ns-app，并指向自身的模板app.component.html——这是NativeScript Angular约定的应用启动入口。
• 出错的代码里，你修改了两个关键配置：
  1. 把根组件的选择器改成了gr-login，但项目的启动页面（或bootstrap配置）依然在查找ns-app标签，导致系统找不到根组件入口，触发Main entry is missing错误。
  2. 直接让AppComponent引用login/login.component.html模板，混淆了根组件和业务组件的职责，进而引发视图创建失败。

修复步骤 #

1. 恢复根组件的核心配置 #

先把AppComponent改回符合NativeScript Angular启动约定的配置，确保应用能找到启动入口：

import { Component } from "@angular/core";
@Component({
  moduleId: module.id,
  selector: "ns-app", // 改回默认根选择器，匹配项目启动时的入口标签
  templateUrl: "app.component.html" // 指向根组件自己的模板
})
export class AppComponent { }

2. 正确分离Login组件 #

如果你想使用登录页面，应该单独创建LoginComponent，再把它嵌入根组件中：

第一步：创建Login组件文件

在项目中新建login/login.component.ts：

import { Component } from "@angular/core";
@Component({
  selector: "gr-login",
  moduleId: module.id,
  templateUrl: "./login.component.html" // 注意路径匹配组件所在目录
})
export class LoginComponent { }

同时创建对应的login/login.component.html模板文件。

第二步：在AppModule中声明Login组件

打开app.module.ts，引入并声明Login组件，确保Angular能识别它：

import { NgModule } from "@angular/core";
import { NativeScriptModule } from "nativescript-angular/nativescript.module";
import { AppComponent } from "./app.component";
import { LoginComponent } from "./login/login.component"; // 引入Login组件

@NgModule({
  declarations: [AppComponent, LoginComponent], // 添加到声明数组
  bootstrap: [AppComponent], // 确保根组件是AppComponent，这是启动核心
  imports: [NativeScriptModule],
})
export class AppModule { }

第三步：在根组件模板中引入Login组件

打开app.component.html，添加Login组件的标签：

<gr-login></gr-login>

3. 验证Bootstrap配置 #

最后确认main.ts中的启动配置正确，确保应用启动时加载AppModule：

import { platformNativeScriptDynamic } from "nativescript-angular/platform";
import { AppModule } from "./app.module";

platformNativeScriptDynamic().bootstrapModule(AppModule);

错误日志关键点解释 #

• Main entry is missing. App cannot be started. Verify app bootstrap.：系统找不到约定的根组件选择器（ns-app），无法初始化应用的根视图。
• Failed to create View with entry.create() function.：根组件的元数据（比如模板路径、选择器）错误，导致视图创建流程失败。

内容的提问来源于stack exchange，提问作者Rakoc001