Angular 16中引入ngx-order-pipe后构建编译失败求助

问题还原 #

在app.module.ts中导入ngx-order-pipe并添加到imports数组：

import { OrderModule } from 'ngx-order-pipe';

@NgModule({
  imports: [BrowserModule, OrderModule,...],
  // ...其他配置
})
export class AppModule { }

执行ng serve后出现编译错误，具体错误信息：

Error: node_modules/ngx-order-pipe/lib/order.pipe.d.ts:1:22 - error TS2307: 找不到模块'@angular/core'或其相应的类型声明。

node_modules/ngx-order-pipe/lib/order.module.d.ts:1:22 - error TS2307: 找不到模块'@angular/core'或其相应的类型声明。

node_modules/ngx-order-pipe/lib/order.pipe.d.ts:7:42 - error TS2304: 找不到名称'PipeTransform'。

node_modules/ngx-order-pipe/lib/order.pipe.d.ts:8:31 - error TS2304: 找不到名称'Pipe'。

node_modules/ngx-order-pipe/lib/order.module.d.ts:5:32 - error TS2304: 找不到名称'NgModule'。

解决步骤 #

• 版本兼容性检查：ngx-order-pipe版本需与当前Angular版本匹配，对应关系参考：
  • Angular 12+ → ngx-order-pipe v10及以上
  • Angular 8-11 → ngx-order-pipe v8-v9
  • Angular 7及以下 → ngx-order-pipe v7及以下
• 重装适配版本：

# 卸载现有包
npm uninstall ngx-order-pipe
# 安装对应兼容版本，示例为Angular 15安装v12
npm install ngx-order-pipe@12 --save

• 清理缓存重启服务：

rm -rf node_modules package-lock.json
npm install
ng serve --open

• 检查tsconfig配置：确认tsconfig.json的compilerOptions.paths未错误覆盖@angular/core的默认路径配置。

内容的提问来源于stack exchange，提问作者Hamed Ali Khan