无法解析符号NgxPaginationModule

Question

我试图在我的NgxPaginationModule项目中使用无法解析符号NgxPaginationModule，我遵循了所有步骤，如文档所示。

app.module.ts

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 './protetcted/protect-module.component';
import { AppRoutingModule } from './app.routing.module';
import {NgxPaginationModule} from 'ngx-pagination';//cannot resolve symbol NgxPaginationModule


@NgModule({
  declarations: [
    AppComponent,

  ],
  imports: [
    BrowserModule,
    GlobalModule,
    ProtectedModule,
    AppRoutingModule,
    NgxPaginationModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

我检查了节点模块和ngx-分页文件夹存在。

有人能指出是什么导致了这个错误吗？

Answer 1

在Azure CI构建过程中，同样的事情也发生在我身上：

无法解析相对于D:/a/7/s/src/app/app.module.ts的ngx分页。 找不到模块“ngx-分页”

app.module.ts：

// import { NgxPaginationModule } from 'ngx-pagination'; // <-- import the module
imports: [
    BrowserModule,
    FormsModule,
    ReactiveFormsModule,
    HttpClientModule,
    AppRoutingModule,
    NgbModule.forRoot(),
    // NgxPaginationModule
  ],

在当地工作很好。

Answer 2

我也有同样的问题，尝试删除node_modules和Packy-lock.json，然后用npm -i重新安装所有的东西。

对我起作用了。