Question

因此，我尝试在新模块中创建一个组件，然后在“ app”中使用它，但出现此错误：

Error: Root should be either UIViewController or UIView

这是我的sample.module.ts：

import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
import { NativeScriptCommonModule } from 'nativescript-angular/common';
import { SampleComponent } from './sample/sample.component';

@NgModule({
  declarations: [SampleComponent], // <= this is the component I want to use
  exports: [SampleComponent],
  imports: [
    NativeScriptCommonModule
  ],
  schemas: [NO_ERRORS_SCHEMA]
})
export class SampleModule { }

然后是我的sampleComponent：

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'ns-sample',
  templateUrl: './sample.component.html',
  styleUrls: ['./sample.component.css'],
  moduleId: module.id,
})
export class SampleComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

然后在我的应用程序内部，我像这样导入模块：

imports: [
    // ... other modules
    SampleModule,
],

当我尝试在app.component.html中使用我的SampleComponent选择器时，会触发错误消息：

<ns-sample></ns-sample>

我一直在环顾四周，但是在人们忘记导出模块本身的地方，我不断发现错误。我已经在这样做了，所以我不确定自己在做什么错。

所以问题是如何使用在应用程序内其他模块中声明的组件？

预先感谢大家！

Answer 1

由于它是一个自定义组件，因此在将其放置为根元素时，请使用ContentView / StackLayout对其进行包装。

id

“错误：根目录应该是UIViewController或UIView”本机脚本

1 个答案: