提问者:小点点

我在我的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 {
  }

}

我正在从一个名为“Models”的文件夹中导入一个名为“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

我真的不知道为什么它找不到模块,也搞不清楚为什么我给的路径不正确。

提前感谢您的回答!


共1个答案

匿名用户

您还需要指定文件名。由于import{UserInfoModel}中的UserInfoModel实际上是类名,因此您需要指定将从哪个文件获取您的类,因此将是这样的:

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

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

但是,有一个选项可以使用桶形导入不包括文件名。你可以在这里读到更多关于它的信息