Question

一切正常。有必要将组件转移到另一个目录。

我转移了组件，将其连接到各处，但是现在出现了错误

//MyModule
import { MyComponent } from 'path'

const components = [
    MyComponent
]
@NgModule({
    exports: [
        ...components
]
})

//AppModule
imports: [
    MyModule
]

错误：无法绑定到“ readOnly”，因为它不是“ my-component”的已知属性。 1.如果“ my-component”是Angular组件，并且具有“ readOnly”输入，则请验证它是否是此模块的一部分。 2.如果“我的组件”是Web组件，则将“ CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“ @ NgModule.schemas”以禁止显示此消息。 3.要允许任何属性，请在此组件的“ @ NgModule.schemas”中添加“ NO_ERRORS_SCHEMA”。（“ ] [readonly] =“ true” label =“ text” [control] =“ linkedContractInfoForm.g”）：无法绑定到“控件”，因为它不是“我的组件”的已知属性。

Answer 1

检查添加到导入“ MyComponent”的每个位置的路径是否正确。另外，请检查app.module.ts是否为“ MyComponent”正确添加了路径。

然后在app.module.ts中的“声明”数组下添加“ MyComponent”。示例：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { FormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { MyComponent} from './components/my/my.component'; //your component(add your component path here)

@NgModule({
declarations: [
AppComponent,
MyComponent  //your component
],

imports: [
BrowserModule,
FormsModule,
HttpClientModule,
AppRoutingModule
],

providers: [],
bootstrap: [AppComponent]
})

export class AppModule { }

编译项目后如何解决错误？

1 个答案: