visual-studio - ionic : Error: Module build failed: Error: ENOENT: no such file or directory

Question

我正在使用 Ionic，并收到以下错误:

Runtime Error Uncaught (in promise): Error: Module build failed: Error: ENOENT: no such file or directory, open '/Users/richardmarais/Development/ionic/theWhoZoo/src/pages/model/ratingModel.js'

错误是这行代码的结果:

this.ratingModel = new RatingModel();

当我删除此行时，我没有收到错误消息。

ratingModel.ts

import { Injectable } from "@angular/core";
import { PersonModel } from './personModel';
import { JobModel } from './jobModel';

@Injectable()
export class RatingModel {
        public id: number = null;
        public job: JobModel = null;
        public review: string = null;
        public rating: number = null;
        public reviewDate: number = null;
        public time: string = null;
        public person: PersonModel = null;
        public anonymous: number = null;

        constructor() {

        }
}

阅读其他论坛，人们由于导入中的大小写不匹配而收到此错误，但我检查了我的，并且它们确实匹配。

import { RatingModel } from '../model/ratingModel';

但是，我注意到我的 IDE(Visual Studio Code)中有一些奇怪的东西:



可以看到，在搜索结果中，该对象有两个文件， ratingModel.ts和 RatingModel.ts .但是当我查看实际的文件系统时，只有 on file， ratingModel.ts :



问题

有谁知道什么以及如何解决这里看起来可能是错误或故障的问题？

谢谢

更多信息:

global packages:

    @ionic/cli-utils : 1.0.0
    Cordova CLI      : 6.4.0 
    Ionic CLI        : 3.0.0

local packages:

    @ionic/app-scripts              : 1.3.0
    @ionic/cli-plugin-cordova       : 1.0.0
    @ionic/cli-plugin-ionic-angular : 1.0.0
    Ionic Framework                 : ionic-angular 3.2.1

System:

    Node       : v7.10.0
    OS         : macOS Sierra
    Xcode      : Xcode 8.3.2 Build version 8E2002 
    ios-deploy : not installed
    ios-sim    : not installed

Answer 1

当您的 app.module 设置无法找到您的组件时，就会发生此错误。

请按照以下步骤解决您的问题:

右键单击您的 Web 浏览器并选择检查(在本例中我使用 chrome)

在源选项卡中，导航到 localhost:8100(运行 ionic 的默认端口)

转到 src -> pages 并打开相应的页面(在本例中为“模型”)

.ts 文件的名称和路径必须与 app.module.ts 中添加的导入路径的名称和路径相同
在这种情况下，没有 model/ratingModel.ts
意识到 :
路径区分大小写(可能 .ts 文件是 RatingModel)