Angular5项目中NgxPaginationModule符号无法解析问题求助

嘿，我帮你排查过很多Angular 5里的依赖解析问题，这个cannot resolve symbol NgxPaginationModule的错误大概率是版本不兼容、导入不完整或者缓存导致的，咱们一步步来解决：

1. 安装适配Angular 5的ngx-pagination版本 #

Angular 5对第三方依赖的版本要求很严格，最新版的ngx-pagination已经不再支持Angular 5了。你需要安装指定的兼容版本，运行以下命令：

npm install ngx-pagination@3.2.0 --save

这个版本是经过验证完全适配Angular 5的，别贪新装最新版，不然肯定会出解析错误。

2. 修正模块导入的完整性和正确性 #

从你贴的代码来看，NgxPa...明显是没写完的导入语句，正确的写法应该是：

import { NgxPaginationModule } from 'ngx-pagination';

然后一定要在@NgModule的imports数组里添加这个模块，完整的AppModule示例：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { GlobalModule } from './global/global.module';
import { ProtectedModule } from './protected/protected.module'; // 修正后的路径
import { AppRoutingModule } from './app.routing.module';
import { NgxPaginationModule } from 'ngx-pagination'; // 完整导入

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    GlobalModule,
    ProtectedModule,
    NgxPaginationModule // 加入到imports数组
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

3. 处理子模块的依赖导入 #

如果你的分页组件是在GlobalModule或者ProtectedModule这类子模块中使用的，那子模块也需要单独导入NgxPaginationModule，或者更规范的做法是创建一个SharedModule，把NgxPaginationModule导入并导出，然后所有需要的子模块导入SharedModule：

// shared.module.ts
import { NgModule } from '@angular/core';
import { NgxPaginationModule } from 'ngx-pagination';

@NgModule({
  imports: [NgxPaginationModule],
  exports: [NgxPaginationModule] // 导出后子模块就能直接使用
})
export class SharedModule { }

之后在AppModule、GlobalModule、ProtectedModule里导入SharedModule即可。

4. 清理缓存并重启服务 #

有时候Angular CLI的缓存会导致依赖解析异常，按以下步骤操作：

• 停止当前运行的ng serve服务（按Ctrl+C）
• 删除项目根目录下的node_modules文件夹和package-lock.json文件
• 重新运行npm install安装所有依赖
• 再次启动服务ng serve

5. 排查拼写和路径错误 #

注意到你贴的代码里ProtectedModule的导入路径有两处错误：

• 文件夹名protetcted拼写错误，应该是protected
• 文件名protect-module.component错误，模块文件应该是protected.module（不是组件文件）
  这个错误会导致ProtectedModule加载失败，间接影响整个模块解析流程，一定要修正这个路径！

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