Nativescript angular无法将app.component.html移动到separte文件夹中

Question

我正在使用带有角度的nativescript 2.3.0。我用以下命令创建了一个启动项目

tns create projname --ng

我有以下文件夹结构

├── app
│   ├── app.css
│   ├── app.component.html
│   ├── app.component.ts
│   ├── main.ts

在main.ts文件的旁边，我有以下内容。

import { platformNativeScriptDynamic, NativeScriptModule } from "nativescript-angular/platform";
import { NgModule } from "@angular/core";
import { AppComponent } from "./app.component";
@NgModule({
    declarations: [AppComponent],
    bootstrap: [AppComponent],
    imports: [NativeScriptModule]
})
class AppComponentModule {}

platformNativeScriptDynamic().bootstrapModule(AppComponentModule);

请注意，我正在AppComponent

上导入3

我想要做的是我想组织我的代码，以便我将app.component文件放在一个单独的文件夹中

如下图所示

│   ├── pages
│   │   └── app.component.ts
│   │   └── app.component.html
│   ├── app.css
│   ├── main.ts

我已将import文件中的main.ts更改为

import { AppComponent } from "./pages/app.component";

移动文件app.component.html文件会出现以下错误。

Unhandled Exception
com.tns.nativescriptException:
Calling js method onCreateView failed