我在我的angular-cli项目“找不到模块”中遇到此错误

如何解决我在我的angular-cli项目“找不到模块”中遇到此错误

我正在关注Angular-cli的一些教程，在我的一个组件TS文件中，我从另一个文件夹导入了一个类，但显然无法访问。

这是我的组件文件（display-user-data-form.component.ts）：

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

@Component({
  selector: 'display-user-data-form',templateUrl: './display-user-data-form.component.html',styleUrls: ['./display-user-data-form.component.css']
})
export class displayUserDataFormComponent implements OnInit {
    
    user: UserInfoModel = new UserInfoModel({guid: "D21ds12x",customerUid: "cust2dsa12dsa",first_name: "John",last_name: "Doe",email: "email@email.com",zipcode: 10283,password: "Idasn2x2#"});

  constructor() { }

  ngOnInit(): void {
  }

}

您看到我正在从名为“模型”的文件夹中导入名为“ UserInfoModel”的类。

我的文件树在“ app”文件夹中如下所示：

app
-display-user-data-form
--display-user-data-form.component.ts
--display-user-data-form.component.html
--display-user-data-form.component.css
-models
--UserInfoModel.ts

我真的不知道为什么找不到模块，也弄不清楚为什么我给出的路径不正确。

提前感谢您的回答！

解决方法

您还需要指定文件名。由于UserInfoModel中的import { UserInfoModel }实际上是类名，因此您需要指定从中获取类的文件，因此如下所示：

import { UserInfoModel } from '../models/UserInfoModel';

第一个UserInfoModel是类名，第二个是文件名

但是，有一个选项可以使用“桶形导入”不包含文件名。您可以详细了解https://firebasestorage.googleapis.com/v0/b/coody-f21eb.appspot.com/o/%E1%84%92%E1%85%AA%E1%84%86%E1%85%A7%E1%86%AB-%E1%84%80%E1%85%B5%E1%84%85%E1%85%A9%E1%86%A8-2020-11-01-%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE-10.35.25.mp4?alt=media&token=67f42671-05d8-4d71-8670-857d1dc41681