Javascript TypeError:_co.function不是函数

我正在与angular合作，并试图在本地主机上制作网页，但我无法使用函数。我假设这是一个路径问题，但我已正确声明了所有路径

花了4个小时试图用谷歌搜索答案，但没有找到任何答案

我自己创建了两个组件，在我创建angular项目时defualt制作的组件之外：

post-create.component.html

post-create.component.ts

从应用程序文件夹中，它们都位于：

'./posts/posts-create/post-create.component.html'
'./posts/posts-create/post-create.component.ts'

我已经复制粘贴了文件夹的名称，以确保它不是一个拼写错误

post-create.component.ts如下所示：

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


@Component({
  selector: 'app-post-create',
  templateUrl: './post-create.component.html'
})
export class PostCreateComponent{
  newPost = '';

  onAddPost(){
    this.newPost = 'The users posts';
  }
}

<h2> sup </h2>

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { PostCreateComponent } from './posts/posts-create/post-create.component'

@NgModule({
  declarations: [
    AppComponent,
    PostCreateComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

post-create.component.html只是填充了一些随机的内容，以尝试使其正常工作，但看起来如下所示：

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


@Component({
  selector: 'app-post-create',
  templateUrl: './post-create.component.html'
})
export class PostCreateComponent{
  newPost = '';

  onAddPost(){
    this.newPost = 'The users posts';
  }
}

<h2> sup </h2>

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { PostCreateComponent } from './posts/posts-create/post-create.component'

@NgModule({
  declarations: [
    AppComponent,
    PostCreateComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

如你所见，我已经进口了

import{PostCreateComponent}from./posts/posts-create/post-create.component'

并将其添加到减容中

这段代码是我正在观看的视频的一部分，只是为了进入其中而编码。如果你受伤了，这是从这个视频：

提前感谢您的回答，很抱歉占用您的时间，我已尝试自己解决此问题，但似乎无法找到为什么它不允许我使用此功能

在1:02:00再次观看：

以下内容与post-create.component.ts相关（与app.component.ts无关）：

你好，世界

邮政储蓄
{{newPost}}

如果在app.component.html中放置按钮，则必须在app.component.ts文件中创建方法，否则在post-create.component中无法使用，请在app.component.ts中创建函数。如果您有任何疑问，请告诉我？您正在调用在

post.component

中声明的函数，并且从

app.component

调用此函数，这是错误的。将您的HTML部分，即

文本区域、按钮和p标签

移动到您的

post create.component.HTML

，然后只需在

app.component.HTML

中添加

，即可正常工作