Ionic 3构建报错：ENOENT文件或目录不存在问题求助

嘿，我来帮你捋一捋这个问题——你遇到的ENOENT: no such file or directory本质就是编译时找不到指定文件，大概率是路径拼写、配置没同步或者缓存搞的鬼，咱们一步步来修复：

1. 先把导入路径的拼写搞对 #

你提到导入语句写的是import { NotificationsPage } from '../notification...，这里明显没写完，而且注意你创建的页面是notifications（复数），正确的导入应该是这样：

import { Component } from '@angular/core';
import { ProjectPage } from '../project/project';
import { NotificationsPage } from '../notifications/notifications';
import { SettingsPage } from '../settings/settings';

一定要确保路径和文件名完全匹配，大小写也不能马虎（Linux/macOS环境下文件名是大小写敏感的）。

2. 同步Tabs页面的配置细节 #

检查tabs.html的tabRoot指向 #

你改了tabTitle和tabIcon，但别漏了[root]属性要指向你新创建的页面组件，比如：

<ion-tabs>
  <ion-tab [root]="projectPage" tabTitle="项目" tabIcon="folder"></ion-tab>
  <ion-tab [root]="notificationsPage" tabTitle="通知" tabIcon="notifications"></ion-tab>
  <ion-tab [root]="settingsPage" tabTitle="设置" tabIcon="settings"></ion-tab>
</ion-tabs>

这里的变量名要和你tabs.ts里定义的完全一致。

完善tabs.ts的组件定义 #

除了导入，还要在组件类里声明这些页面变量：

@Component({
  templateUrl: 'tabs.html'
})
export class TabsPage {
  projectPage = ProjectPage;
  notificationsPage = NotificationsPage;
  settingsPage = SettingsPage;

  constructor() {}
}

3. 更新AppModule的配置 #

你删了默认的home/about/contact页面，别忘了去src/app/app.module.ts里做这些操作：

• 删除原来对这三个页面的导入语句
• 在declarations和entryComponents数组里移除这三个页面的组件
• 把新创建的ProjectPage、NotificationsPage、SettingsPage添加到declarations和entryComponents数组中（如果ionic g page没自动帮你加的话）

4. 清理缓存重新构建 #

有时候旧缓存会让项目还在找已经删掉的文件，执行下面的命令清缓存重启：

# 清理Ionic缓存
ionic cache clear
# 清理Node模块和构建文件（可选但管用）
rm -rf node_modules package-lock.json
npm install
# 重新启动项目
ionic serve

5. 最后确认文件完整性 #

检查一下src/pages下的project、notifications、settings文件夹是不是都存在，每个文件夹里的.ts、.html、.scss文件有没有被误删，确保文件都完整。

按上面的步骤走一遍，应该就能解决这个找不到文件的问题了。

内容的提问来源于stack exchange，提问作者ael