Ionic 4:Cordova 不可用。确保包含 cordova.js 或在设备/模拟器中运行

2024-04-24

我正在尝试在新的 ionic 4 项目中使用 cordova 插件,但我总是遇到有关 cordova 的错误。该插件已正确安装并显示在插件文件夹中。

Error

本机:尝试调用 SplashScreen.hide,但 Cordova 不可用。确保包含 cordova.js 或在设备/模拟器中运行

主页.html

<ion-header>
  <ion-toolbar>
    <ion-title>
      Ionic Blank
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-button expand="full" (click)="openLocalPdf()">Open Local PDF</ion-button>
  <ion-button expand="full" (click)="downloadAndOpenPdf()">Download and open PDF</ion-button>
</ion-content>

主页.ts

import { Platform } from '@ionic/angular';
import { File } from '@ionic-native/File/ngx';
import { Component } from '@angular/core';
import { FileOpener } from '@ionic-native/file-opener/ngx';
import { DocumentViewer, DocumentViewerOptions } from '@ionic-native/document-viewer/ngx';
import { FileTransfer } from '@ionic-native/file-transfer/ngx';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {
  constructor(private platform: Platform, private file: File, private ft: FileTransfer,
              private fileOpener: FileOpener, private document: DocumentViewer, ) {

  }
  openLocalPdf() {
        const filePath = this.file.applicationDirectory + 'www/assets';

        if (this.platform.is('android')) {
      const fakeName = Date.now();
      this.file.copyFile(filePath, '5-tools.pdf', this.file.dataDirectory, `${fakeName}.pdf`).then(result => {
        this.fileOpener.open(result.nativeURL, 'application/pdf')
          .then(() => console.log('File is opened'))
          .catch(e => console.log('Error opening file', e));
      });
    } else {
      // Use Document viewer for iOS for a better UI
      const options: DocumentViewerOptions = {
        title: 'My PDF'
      };
      this.document.viewDocument(`${filePath}/5-tools.pdf`, 'application/pdf', options);
    }
  }

  downloadAndOpenPdf() {
    const downloadUrl = 'https://devdactic.com/html/5-simple-hacks-LBT.pdf';
    const path = this.file.dataDirectory;
    const transfer = this.ft.create();

    transfer.download(downloadUrl, path + 'myfile.pdf').then(entry => {
      const url = entry.toURL();

      if (this.platform.is('ios')) {
        this.document.viewDocument(url, 'application/pdf', {});
      } else {
        this.fileOpener.open(url, 'application/pdf')
          .then(() => console.log('File is opened'))
          .catch(e => console.log('Error opening file', e));
      }
    });
  }
}

当您使用离子服务时,您将应用程序作为网站运行。所以科尔多瓦将不可用。从而导致你得到的错误

您可以通过多种方式绕过这个问题。

首先,您可以使用以下命令在带有 cordova 的浏览器上运行它

ionic cordova platform add browser
ionic cordova run browser 

并在浏览器上运行

其次,您可以通过发出本地测试(或使用模拟器)

ionic cordova platform add <ios/android>
ionic cordova run <android/ios> <--device>

--device 如果您使用的是物理设备,或者如果您打算使用模拟器则不使用。 当然这需要JAVA SDK、ANDROID SDK和Gradle

从长远来看,我建议稍后再使用,因为无论如何您已经在本机设备上测试了该应用程序

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Ionic 4:Cordova 不可用。确保包含 cordova.js 或在设备/模拟器中运行 的相关文章

随机推荐

  • 我在使用 FileSystemWatcher [vb.net] 时遇到问题

    这是我第一次使用 FileSystemWatcher 但它不起作用 在受监视的路径中创建文件时不会触发它 我的目标是监视程序文件目录中的更改 我会将复制的文件与在线列表 我下载的 进行比较 我还没有完成该部分 如果找到匹配项它将做什么 我究
  • Jackson自定义反序列化器仅获取列表xml中的最后一个值

    我有以下 xml
  • SKMaps 显示黑色/蓝色背景

    我正在使用 SKMaps 在 android 中实现路线导航 为此 我展示了一个使用 SKMap 的单独活动 当我第一次展示该活动时 地图会显示并且导航正在工作 如果我从这个活动返回并再次启动这个导航活动 那么它将显示一个带有黑色 蓝色背景
  • 在 C# 中使用鼠标单击在图片框上绘制线条

    我正在尝试制作一个程序 可以在图片框 http msdn microsoft com en us library system windows forms picturebox 28v vs 110 29 aspx使用鼠标单击要绘制线的起点
  • 从输入跳到 CellTable 中的输入

    我有一个 CellTable 其中包含一堆渲染到的单元格
  • 迷你图渲染速度慢并且浏览器挂起

    迷你图 http omnipotent net jquery sparkline 非常适合制作小型内联图 但是 如果它们所在的容器是隐藏的 则不能简单地将它们绘制在幕后然后显示它们 您必须首先显示容器 然后调用 sparkline disp
  • 从子域登录 Facebook(太多“有效 OAuth 重定向 URI”)

    我遇到了以下问题 我正在使用 Facebook js sdk 进行登录过程 在应用程序设置中Site URL被设定为 http example com http example com 应用程序域 are example com www e
  • 无法在 NestedScrollView 内完全滚动

    不知何故 我无法在 NestedScrollView 内完全滚动 我的 NestedScrollView 内部是一个 TextView 其中有很多文本 下面有一个按钮 当我向下滚动时 我只能看到按钮的顶部 只有几个像素 它滚动得不够远 这是
  • 在Kestrel中重写后获取原始URL

    Apache 将根据重写的 URL 选择要提供服务的文件 但原始 URL 将传递给脚本 Kestrel 将重写的 URL 传递到管道中 可通过HttpContext Request Path 是否可以访问原网址来自中间件重写后 遵循 Tse
  • .Net Core 2.0 - 获取 AAD 访问令牌以与 Microsoft Graph 一起使用

    当使用 Azure AD 身份验证启动新的 Net Core 2 0 项目时 您将获得一个可以登录租户的工作示例 太棒了 现在我想获取登录用户的访问令牌并使用它来使用 Microsoft Graph API 我没有找到任何有关如何实现这一目
  • 在 odoo12 的表单视图中隐藏操作/更多按钮

    我想在 odoo12 中仅隐藏操作 更多按钮而不是打印按钮 我发现一些类似的问题在 odoo12 中不起作用 不是一个像样的答案 而是你的一个方向 源码中 我的版本是11 odoo 11 0 addons web static src js
  • 在分布式 dask 中,我们如何为每个工作人员选择 --nthreads 和 --nprocs ?

    我们如何选择 nthreads and nprocsDask 中每个工人的分布情况 我有 3 个工作线程 2 个工作线程有 4 个核心 每个核心有一个线程 1 个工作线程有 8 个核心 根据输出lscpu每个worker上的Linux命令
  • 如何将基数词转换为序数词

    有没有一种简单的方法可以将数字 1 2 3 转换为 1st 2nd 3rd 并且以这种方式我可以为该函数提供一种语言并具有它会返回我目标语言的正确形式吗 标准 C stl 或 boost 都可以 MFC 或 ATL win32 api 或我
  • 如何简洁地赋值并立即调用函数变量?

    以下是在闭包中定义匿名函数 调用该函数并忽略它的方法 function do stuff 这用于维持有限的范围而不向脚本添加大量内容 IIFE 立即调用函数表达式 如果您希望立即执行某个函数 同时仍保留该函数以供将来使用 该怎么办 如下所示
  • 在重新激活 WiFi/移动网络之前,服务中的 Android 位置侦听器无法工作

    我的位置侦听器工作正常 收集数据没有任何问题 但有时它不收集任何数据 我此时必须关闭并重新启动我的位置提供程序 重新启动可以解决问题 但是 这可能不是用户期望做的最好的事情 当我使用 GPS 作为提供商时 没有问题 位置侦听器在服务中工作
  • 在react-router-dom中隐藏某些页面的标题

    有没有办法可以仅隐藏 React Router 中某些路由的页面标题 我现在的问题是我的App组件呈现我的Main组件 其中包含我的BrowserRouter 和我的Header呈现在我的App组件 所以我无法根据路由路径渲染标题 这是一些
  • 如何从access中的表中获取选择性记录

    下面给出的是我的查询结果 但有很多冗余记录 因此 我想过滤掉这个查询的结果 我的目标是每个角度仅提取两个记录 第一个和最后一个 例如当角度为195 我想获得它的第一条记录日期 2 27 2017 时间 2 00 00 AM和 日期为的第二条
  • 禁用 Chrome 严格 MIME 类型检查

    有什么办法可以禁用strict MIME type checking在 Chrome 中 实际上我正在跨域发出 JSONP 请求 它在 Firefox 上工作正常 但是在使用 chrome 时 它 在控制台中出现一些错误 拒绝执行来自 的脚
  • 批处理文件随机删除文本文件的一半行?

    我需要一种方法来使用批处理来查看文本文件的每一行 并删除该文本文件中的一半行 随机选择要删除的行 这是为了模拟 D D 游戏中的锦标赛 我所需要的只是一种方法来淘汰每轮比赛的获胜者 我可以轻松地制作一个批处理文件 复制文本文件并为每一轮重命
  • Ionic 4:Cordova 不可用。确保包含 cordova.js 或在设备/模拟器中运行

    我正在尝试在新的 ionic 4 项目中使用 cordova 插件 但我总是遇到有关 cordova 的错误 该插件已正确安装并显示在插件文件夹中 Error 本机 尝试调用 SplashScreen hide 但 Cordova 不可用