Question

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

运行时错误未捕获（在承诺中）：错误：模块构建失败：错误：ENOENT：没有这样的文件或目录，打开＆＃39; /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。但是当我检查实际文件系统时，只有文件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

道歉，我的坏。我刚刚发现另一个文件正在使用不正确的大小写导入对象。看起来似乎没有问题，我的代码中有一个错误。

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

Answer 2

如果您的app.module设置无法找到您的组件，则会发生此错误。

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

右键单击您的Web浏览器并选择inspect（在本例中我使用chrome）
在源选项卡中，导航到localhost：8100（运行离子的默认端口）
转到src - ＆gt;页面和打开的对应页面（在本例中为＆＃39; model＆＃39;）
.ts文件和路径的名称必须与app.module.ts中添加的导入路径的名称和路径相同。

在这种情况下，没有型号/ ratingModel.ts

注意：路径区分大小写（可能.ts文件是RatingModel）

离子：错误：模块构建失败：错误：ENOENT：没有这样的文件或目录

2 个答案: