实施ngx-Spinner 8.0.3时出现错误

Question

我希望在我的应用程序中实现微调加载程序。 我正在遵循此处给出的过程 [https://www.npmjs.com/package/ngx-spinner] 我安装并保存了它。

当我导入并将其添加到“导入”时，出现以下错误。

未捕获的TypeError：Object（...）不是函数     在ngx-spinner.js：208     在Module ../ node_modules / ngx-spinner / fesm5 / ngx-spinner.js（ngxspinner.js：210）     位于 webpack_require （引导程序：78）     在Module ../ src / app / app.module.ts（app.component.ts：23）     位于 webpack_require （引导程序：78）     在Module ../ src / main.ts（main.ts：1）     位于 webpack_require （引导程序：78）     在Object.0（main.ts：12）     位于 webpack_require （引导程序：78）     在checkDeferredModules（bootstrap：45）

npm i ngx-spinner
npm install ngx-spinner --save


aap.module.ts

    import { NgxSpinnerModule } from "ngx-spinner";

    imports: [
        // ...
        NgxSpinnerModule
    ]

如果没有人可以帮助我，我将无法摆脱这个错误。

Answer 1

这必须是您的棱角版本和ngx-spinner版本之间的版本不匹配。请确保您使用的是 angular 7 ，然后必须安装该库的 7. *版本。同样，如果在角度8 上，则使用ngx-spinner的 8. *版本。

在github上发布以获得进一步的帮助-https://github.com/Napster2210/ngx-spinner/issues/100

Answer 2

首先：当您收到此错误时，首先需要从 Ngx 和所有其他组件中删除 app.component.ts 的导入。

第二：删除您的 Node Module 文件夹并使用命令 npm install。

就我而言，我使用的是 angular 11 。