Ionic 4页面导入多服务时构造函数抛异常，页面无法加载

嘿，我仔细看了你的代码和问题描述，很快就找到了核心问题——你在构造函数里注入了Router服务，但完全没在顶部导入它！这就是为什么导入多个服务时页面崩溃的原因：Angular在解析依赖注入时，找不到Router的定义，当只有单个服务时可能刚好没触发这个严格检查，但多个服务时就暴露了这个缺失。

第一步：补充缺失的Router导入 #

在你的代码顶部添加Router的导入语句，修正后的导入部分应该是这样的：

import { MenuController, IonSlides } from '@ionic/angular';
import { Storage } from '@ionic/storage';
import { ViewChild, OnInit, Component } from '@angular/core';
import { Router } from '@angular/router'; // 这行是你漏掉的关键代码！

额外排查点（如果导入后仍有问题） #

如果添加导入后还是报错，可以试试以下操作：

• 确认RouterModule已经在你的app.module.ts（或该页面所属的功能模块）中正确导入并配置了路由规则，比如：

  import { RouterModule } from '@angular/router';
  // ...
  @NgModule({
    imports: [
      // ...
      RouterModule.forRoot(routes) // 功能模块请使用forChild(routes)
    ]
  })
  

• 清理依赖缓存：运行以下命令，解决Angular/Ionic更新后可能存在的缓存冲突：

  npm cache clean --force
  rm -rf node_modules package-lock.json
  npm install
  

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