问题标签 [capacitor]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
8899 浏览

cordova - Cordova 插件不适用于电容器

我不确定如何让 Cordova 插件在 Android Emulator 中与 Ionic 4 + Capacitor 一起使用。

我正在关注这个示例(https://ionicacademy.com/create-pdf-files-ionic-pdfmake/),但我将向其中添加一些电容器插件,以便使用相机添加图像。

下面的 Cordova 插件是否仍可与 Capacitor 一起使用?我根本无法让他们工作。他们使用科尔多瓦而不是电容器工作正常。我创建的项目如下:

预期结果:

pdf 保存到设备,然后打开。

实际结果:

控制台中没有警告或错误。
在线失败并且不继续:

更新:警告和错误已解决但仍无法正常工作

0 投票
1 回答
471 浏览

android - 离子应用程序中的“cordova 已定义”

当我启动我的应用程序时,我遇到了一个非常奇怪的错误:

⚡️ [错误] - {"line":1,"column":789,"sourceURL":"capacitor://localhost/cordova.17fb1a7c009cbc8d5d42.js"}
⚡️ 错误:cordova 已定义
⚡️ URL:capacitor://localhost /cordova.17fb1a7c009cbc8d5d42.js
⚡️ cordova.17fb1a7c009cbc8d5d42.js:1:816

它看起来像这样:

在此处输入图像描述

为什么我会得到这个?

0 投票
1 回答
1709 浏览

pdf-generation - 在android上打开时生成PDF无效文件格式

我正在使用 Ionic 4、Capacitor 和 pdfMake 生成 pdf 并在 android 模拟器上打开。由于电容器文件写入不支持 blob,因此我将其作为 base64 发送。

注意:我尝试使用 Cordova 插件保存为 blob,但它不能与电容器一起正常工作。此外,我的解决方案在仅限 Cordova 的项目中运行良好,但我需要使用电容器。

但是,当我在设备上打开 pdf 时,它说它的格式无效。 有什么想法我在这里做错了吗?

0 投票
2 回答
817 浏览

ios - 离子变化未反映在 iOS 中

我成功地能够使用 Ionic 和 Capacitor 将 Angular 应用程序转换为 ionic4 应用程序。但是,当我对 src 文件夹进行更改时,它不会在我运行它时在 iOS 应用程序中更新。

我正在执行以下操作:

更重要的是,我注意到该/www文件夹​​没有随我的更改而更新。相反,有一个/dist文件夹正在更新......奇怪。这是有道理的,因为将文件夹npx cap copy复制到文件夹中。 /wwwios/App/public

如何将我的更改/src放入我的 ionic ios 构建中?

0 投票
1 回答
3361 浏览

android - 离子构建到 /dist 文件夹而不是 /www

当我运行时ionic build,它总是会构建一个新/dist文件夹,其中包含您通常会在/www文件夹中找到的所有内容。我正在尝试更新我的/www文件夹,但它从不更新,只会更新/dist文件夹。为什么会发生这种情况,为什么我的/www文件夹拒绝使用/src代码中的新更改进行更新?

我用--prod标志构建了我的应用程序几次,这可能是为什么?

0 投票
2 回答
865 浏览

angular - 如何使用带有 ionic4 和电容器的第三方 javascript 库?

使用 Ionic 4 Angular 应用程序和电容器安装第三方 javascript 库的正确方法是什么?


我尝试按如下方式安装crunker 库:

然后 ...

其次是:

但是,当我在 IOS 模拟器中点击该页面时,我在控制台中看到以下错误:

TypeError: undefined is not a constructor (评估'new crunker__WEBPACK_IMPORTED_MODULE_4__"Crunker"')


更新:

根据这个答案,我尝试将 crunker 添加到 angular.json,但我得到了同样的错误。

0 投票
5 回答
7774 浏览

android - 使用 Ionic 4 和 Capacitor 构建时创建的 APK 文件在哪里?

我想获取 APK 文件,这样我就可以手动安装它,而不是通过 android studio 运行。如果我在 android 目录中搜索,我可以看到一些,最有可能的是:[project]\android\app\build\intermediates\instant-run-apk\debug\app-debug.apk

但是,这无法在我的设备上正确安装。如果我通过 Ionic 构建和运行 Android Studio,它工作正常:离子电容器运行 android

我需要做一个签名的生产版本才能工作吗?

0 投票
1 回答
3020 浏览

angular - 离子电容器 - 使用 Cordova 插件

我试图@ionic-native/http在 iOS 和 Web 上使用但没有成功。应用程序在两个平台上启动,但插件不起作用。

依赖项

  • 电容器:“^1.0.0-beta.19”
  • @ionic/角度:“^4.1.0”
  • @角:“^7.2.2”
  • @ionic-native:“^5.0.0”
  • @ionic/angular-toolkit:“~1.4.0”

我希望这涵盖了最重要的那些。

重现步骤

应用程序

  1. ionic start myApp tabs
  2. npm install --save @capacitor/cli @capacitor/core
  3. npm run build --prod
  4. npx cap init <name> <id>
  5. npx cap add ios
  6. npx cap copy
  7. npx cap open ios
    • 一般 -> 签约 -> 团队

插入

  1. npm install cordova-plugin-advanced-http
  2. npm install @ionic-native/http
  3. npx cap sync
  4. 如此处所示使用它

根据文档(我可能误解了)应该是这样。

问题

尝试调用 API 时:

网络

Native: tried calling HTTP.get, but Cordova is not available. Make sure to include cordova.js or run in a device/simulator

我知道我本身不使用 Cordova,但它不应该被覆盖npx cap sync吗?

iOS

0 投票
2 回答
6056 浏览

cordova - 我可以在不离开 Capacitor 应用程序的情况下导航到网络吗?

我们有一个带有 ADFS/GoogleId 登录工作流程的网络应用程序,该工作流程通过重定向实现。我们的应用程序重定向到登录或验证用户的 ADFS 服务器,然后链接回我们的应用程序。这在离子/电容器中可以实现吗?这个页面建议离开你的应用程序应该自动在浏览器中弹出,这就是我们看到的行为。

是否有某种方法可以将某些域注册为 Capacitor 应用程序的“一部分”,这样我们就可以在不离开 web 视图的情况下进行导航?这意味着“ http://localhost ”(或 ios 的“capacitor://localhost”)形式的返回 url 可以工作。

或者,如果浏览器接管了 adfs 域,我如何构建一个指向 Capacitor 应用程序的链接?

0 投票
7 回答
13534 浏览

android-studio - 如何在 Ubuntu 上使用电容器在 android-studio 上运行 Ionic 应用程序?

当我运行ionic capacitor run android命令以在 Android Studio 中启动我的应用程序时,我收到错误消息:

无法启动 Android Studio。”您必须在您的电容器.config.json 中配置“linuxAndroidStudioPath”以指向 studio.sh 的位置,使用 JavaScript 转义路径:示例:{“linuxAndroidStudioPath”:“/usr/local/android -studio/bin/studio.sh" }

但我配置了我的电容器.config.json 的路径,但错误仍然存​​在。

在此处输入图像描述

这是我的电容器.config.json 文件

在此处输入图像描述