时间戳

首页 > 解决方案 > Ionic 4 - InAppBrowser 不使用“_blank” - 页面不加载

node.js - Ionic 4 - InAppBrowser 不使用“_blank” - 页面不加载

问题描述

我已经完成了一个使用 InAppBrowser 的 Ionic 4 应用程序，当目标为 _self 时它在 iOS 设备上运行良好，但当目标为 _blank 时，InAppBrowser 尝试加载网页但仍显示在白屏上。

我已经安装

 ionic cordova plugin add cordova-plugin-inappbrowser
 npm install @ionic-native/in-app-browser

我已经在相应的 ts 页面和 app.module.ts 中导入

import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';

我已在 app.module.ts 中将其声明为提供程序

providers: [
InAppBrowser,
StatusBar,
SplashScreen,
CallNumber,
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
],

这是代码

const browser = this.iab.create('https://www.google.com', '_blank');
browser.show();

标签： node.jsangularionic-frameworkinappbrowser

解决方案

截至今天 2021 年 2 月 26 日。使用 ionic 6。 我遇到了这个问题，但我发现这个问题正在发生，因为我在添加 cordova InAppBrowser 插件之前已经构建了我的项目。

我的解决方案

  1. 打开你的项目目录。找到文件夹 android（或 iOS，具体取决于您构建的平台）和文件夹平台。

  2. 在项目目录之外的某个地方复制上面列出的两个文件夹，或者您只需重命名它们。

  3. 打开您的 CLI 并导航到项目目录，然后按顺序运行以下代码。

    1. npm run build

    2. ionic capacitor add android

    3. ionic capacitor copy android && cd android && gradlew assembleDebug && cd ..

推荐阅读