离子 3:插件背景模式不起作用:Object(...) 不是函数 [英] IONIC 3: Plugin BackgroundMode dont work: Object(…) is not a function

问题描述

我需要在我的项目中运行代码this.backgroundMode.enable()"，但它显示了以下错误:

I need to run the code "this.backgroundMode.enable()" in my project, but it shows me the following error:

Object(...) 不是函数"

"Object(...) is not a function"

它以如下方式在 app.module.ts 中导入:

It imports it in app.module.ts in the following way:

import {BackgroundMode} from '@ ionic-native / background-mode / ngx';
...
providers: [
...
BackgroundMode
...]

并且在页面中(在我的情况下是在 app.component.ts 中，在 deviceready 之后，就像官方文档所说的那样)我使用如下:

And in the page (in my case is in app.component.ts, after deviceready, like the official documentation says) i use like:

import {BackgroundMode} from '@ ionic-native / background-mode / ngx';
constructor(private backgroundMode: BackgroundMode) { }
...
this.backgroundMode.enable();

请我需要在我的项目中运行这个插件

推荐答案

我在这里回答了一个类似的问题 https://stackoverflow.com/a/54398403/6617276

I have answered a similar question here https://stackoverflow.com/a/54398403/6617276

在 ionic.config.json 文件中检查您的项目类型.

Check your project type in ionic.config.json file.

如果类型是ionic-angular"，则安装4.x.x版本.

If the type is "ionic-angular", then install 4.x.x version.

npm i -s @ionic-native/background-mode@4.20.0

如果类型是angular"，则安装5.x.x-beta版

If the type is "angular", then install 5.x.x-beta version

npm i -s @ionic-native/background-mode@5.0.0-beta.24

注意:

仅当您使用 Angular 6

import { BackgroundMode } from '@ionic-native/background-mode/ngx';

如果没有从 app.module.ts 和 app.component.ts 中的导入中删除 ngx

if not remove ngx from the import both in app.module.ts and app.component.ts

import { BackgroundMode } from '@ionic-native/background-mode';

这篇关于离子 3:插件背景模式不起作用:Object(...) 不是函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！