离子2主题浏览器错误"“

Question

我做过的事：

安装了插件。这里是我为app/app.component编写的代码：

import { ThemeableBrowser, ThemeableBrowserOptions, ThemeableBrowserObject } from '@ionic-native/themeable-browser';

app/app.module.ts：import { ThemeableBrowser, ThemeableBrowserOptions, ThemeableBrowserObject } from '@ionic-native/themeable-browser';

providers: [{provide: ErrorHandler, useClass: IonicErrorHandler}ThemeableBrowser]

我的about.ts：

import { ThemeableBrowser } from 'ionic-native';

open() {

  const options: ThemeableBrowserOptions = {
        statusbar: {
            color: '#ffffffff'
        },
        toolbar: {
            height: 44,
            color: '#f0f0f0ff'
        },
        title: {
            color: '#003264ff',
            showPageTitle: true
        },
        backButton: {
            image: 'back',
            imagePressed: 'back_pressed',
            align: 'left',
            event: 'backPressed'
        },
        forwardButton: {
            image: 'forward',
            imagePressed: 'forward_pressed',
            align: 'left',
            event: 'forwardPressed'
        },
        closeButton: {
            image: 'close',
            imagePressed: 'close_pressed',
            align: 'left',
            event: 'closePressed'
        },
        customButtons: [
            {
                image: 'share',
                imagePressed: 'share_pressed',
                align: 'right',
                event: 'sharePressed'
            }
        ],
        menu: {
            image: 'menu',
            imagePressed: 'menu_pressed',
            title: 'Test',
            cancel: 'Cancel',
            align: 'right',
            items: [
                {
                    event: 'helloPressed',
                    label: 'Hello World!'
                },
                {
                    event: 'testPressed',
                    label: 'Test!'
                }
            ]
        },
        backButtonCanClose: true
    };

    const browser: ThemeableBrowserObject = this.themeableBrowser.create('https://ionic.io', '_self', options);

  }

我的html：

<button ion-button icon-only (click)="open()">
        <ion-icon>OPEN PDF</ion-icon>
      </button>

所以我不知道我做错了什么。我犯了很多错误：

Cannot find module "@ionic-native/core" 1.无法找到模块

请帮帮我。我的代码做错了什么.

提前谢谢!！

错误：

 ionic-hello-world@ /Users/apple/Desktop/ionic2-sidemenu-tabs-master
├── @ionic-native/core@3.7.0 
└── UNMET PEER DEPENDENCY rxjs@5.0.0-beta.12

npm WARN @ionic-native/themeable-browser@3.7.0 requires a peer of rxjs@^5.0.1 but none was installed.
npm WARN @ionic-native/core@3.7.0 requires a peer of rxjs@^5.0.1 but none was installed.

我的package.json

   "dependencies": {
        "@angular/common": "2.2.1",
        "@angular/compiler": "2.2.1",
        "@angular/compiler-cli": "2.2.1",
        "@angular/core": "2.2.1",
        "@angular/forms": "2.2.1",
        "@angular/http": "2.2.1",
        "@angular/platform-browser": "2.2.1",
        "@angular/platform-browser-dynamic": "2.2.1",
        "@angular/platform-server": "2.2.1",
        "@ionic-native/core": "^3.7.0",
        "@ionic-native/themeable-browser": "^3.7.0",
        "@ionic/storage": "1.1.7",
        "ionic-angular": "2.0.0",
        "ionic-native": "2.4.1",
        "ionicons": "3.0.0",
        "rxjs": "5.0.0-beta.12",
        "sw-toolbox": "3.4.0",
        "zone.js": "0.6.26"
}

最新情况：

错误：

1不能解析ThemeableBrowser的所有参数：(?，?，?).

2. '"/Users/apple/Desktop/ionic2-sidemenu-tabs-master/node_modules/ionic-native/dist/es5/index"‘类型标错误模块没有导出成员ThemeableBrowserObject。src/app/app.component.ts

这一行:import { ThemeableBrowser, ThemeableBrowserOptions, ThemeableBrowserObject } from 'ionic-native';

1. '"/Users/apple/Desktop/ionic2-sidemenu-tabs-master/node_modules/ionic-native/dist/es5/index"‘类型记录错误模块没有导出成员'ThemeableBrowserObject’。src/app/app.module.ts

这一行：import { ThemeableBrowser, ThemeableBrowserOptions, ThemeableBrowserObject } from 'ionic-native';

1. '"/Users/apple/Desktop/ionic2-sidemenu-tabs-master/node_modules/ionic-native/dist/es5/index"‘类型记录错误模块没有导出成员'ThemeableBrowserObject’。src/pages/about/约.src

这一行：import { ThemeableBrowser, ThemeableBrowserOptions, ThemeableBrowserObject } from 'ionic-native';

1. 类型记录错误属性'create‘在’ThemeableBrowser‘类型上不存在。src/pages/about/约.src

const browser: ThemeableBrowserObject = ThemeableBrowser.create('https://ionic.io', '_self', options);

Answer 1

此代码：

import { ThemeableBrowser } from 'ionic-native';

将产生一个导入错误

试一试：

import { ThemeableBrowser } from '@ionic-native/themeable-browser';

Answer 2

我也面临着这个问题。经过很少的研究，我在app.module.ts中导入了“app.module.ts”并添加了与提供者相同的内容，然后将所有{ ThemeableBrowser、ThemeableBrowserOptions、ThemeableBrowserObject}导入到所需的文件中，从而解决了这个问题。

解决方案：

app.module.ts:

import { ThemeableBrowser } from '@ionic-native/themeable-browser';

和

providers: [
    StatusBar,
    SplashScreen,
    ThemeableBrowser,
    { provide: ErrorHandler, useClass: IonicErrorHandler },
// as per your requirement
  ]

然后在app.component.ts (或任何其他文件)中：

import { ThemeableBrowser, ThemeableBrowserOptions, ThemeableBrowserObject } from '@ionic-native/themeable-browser';

写你的代码。会很好的。