javascript - [ angular 4/ typescript ]导入组件路径无法识别。但似乎有效，应该可以

我正在用angular和Typescript构建一个路由器组件。

在下面观察我当前的项目结构。


让我们专注于landingPageComponent

通过图像观察到我通往组件的路径是有效的，但未被识别。

我的代码在我的landingpageComponent.ts文件中：

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


@Component({
  selector: 'app-landing-page',
  templateUrl: './landingpage.component.html',
  styleUrls: ['./landingpage.component.css']
})
export class LandingPageComponent implements OnInit {
  @ViewChild('f')citySubmit : NgForm;

  cities:string[]=['Chicago', 'New Mexico', 'London'];

  ngOnInit() {
  }

}

正确的导入在app.module.ts文件中完成，没有错误。表示路径已被识别。

我希望我只是在某个地方犯了一个愚蠢的错误

谢谢。

最佳答案

在您的app.routing.module.ts中，

import { LandingPageComponent } from './landingpage/landingpage.component';
import { HowItWorksComponent } from './howitworks/howitworks.component'