问题标签 [ionic-vue]

我正在尝试测试我的 ionic-vue 代码的一小部分，它给了我这个错误：在 Vue 上下文中找不到查询客户端，使用“useQueryProvider”在根组件中设置一个。

应用程序组件已经像这样包装在 useQueryProvider 中：

这是我要测试的部分：

这是我为测试该部分而编写的代码：

这是我得到的错误：在 Vue 上下文中找不到 queryClient，使用“useQueryProvider”在根组件中设置一个。

错误与这部分有关：

我有一个模态，它应该根据其内容具有高度，因为内容可能因模态而异。模式从页面底部显示，不是全屏显示。

如何在模态高度等于其内容的情况下实现模态行为。目前，每当打开模态时，我都会计算模态内容的高度，然后将模态高度设置为它，但这是非常糟糕的 IMO，因为它在每个打开的模态时都会这样做。如果我将高度设置为 auto 或 content-fit 之类的，则根本不会显示。必须有更简单的方法来做到这一点。

有没有人尝试使用 Ionic Vue 移动应用程序实现 Auth0，尝试搜索文档但没有运气，或者是否可以在 Vue 移动应用程序中使用纯 Javascript 实现 Auth0，我们可以使用哪些软件包？

我创建了一个全新的 Ionic Vue 应用程序，当我尝试在 Android Studio Emulator 上运行它时，它只会在电容器徽标后显示一个白屏。

我正在 Ionic Vue 中构建一个应用程序

我添加了一个 fab 按钮，如下所示：

我想在 fab 按钮中添加拖动系统，用户可以在屏幕中的任何位置拖动和移动按钮。

我该怎么做？

我有一个 ionic vue 项目，当我在模拟器上打开它时显示一个空白屏幕。以为我错过了一些东西，然后使用 Photo Gallery 启动器创建了一个新项目。它也在模拟器上显示一个空白页面。有什么建议么？

我的项目的离子信息

包装清单

编辑 1

这是git上的源代码

我正在开发一个带有 Mapbox 集成的 Ionic-Vue 项目。我的问题是我无法更新我的 geojson 数据源以在地图上创建标记，geoJson 数据作为道具传入。这是流程

在 APP.vue 上创建了钩子

1. 使用电容器获取用户当前位置。
2. .then() 对服务器进行 Axios 调用以获取 JSON 数据
   • 成功后通过突变设置要存储的数据

在 Home.vue [TheMap.vue 的父组件]

1. 调用的计算值getGeoJson调用 getter 从保存较早步骤的状态中获取 geojson 数据
2. 将道具与要作为道具发送的 TheMap 组件上的:marker计算值数据绑定。getGeoJson
3. 监听事件$updatedLocation并调用 API 操作来获取新的 geojson 数据。

在 TheMap.vue 上

1. 在创建 Hook 时调用createMap().
2. 在方法中：createMap()
   • 再次使用获取用户坐标capacitorJS
   • 初始化 mapbox 地图并将其保存到this.map变量
   • 添加归因使用this.map.addControl
   • this.map.on("load",cb) 在 cb call .addSource()& thenaddMarkers()
   • 为当前用户新建一个marker并保存到cosntUserLocationMarker
   • UserLocationMarker.on("dragend",CB)发出具有最新当前用户位置的事件

这是相同的代码，只是放置脚本标签而不是整个.vue 文件

APP.Vue

Home.vue

TheMap.vue

我的问题是TheMap.vue确实得到undefined| [{geojson}]但是，作为道具，它不会在初始化时甚至在父组件中更改源之后加载标记。

我期望的是，加载上的地图使用标记道具来构建标记列表（如果可用） else show nothing[handle undefined | null`] 如果在更改的位置上注入了一组新数据作为道具，则更新该标记列表。

I have plan to use web worker in my ionic app. The intention is to use web worker for the function of downloading and storing video files to android device.

I use 2 native libraries, @ionic-native/file/ngx and @ionic-native/http/ngx to download and store files and comlink-loader to load web workers. However, it seems that the above 2 @ionic-native libraries cannot be run with web workers.

I tried using axios to replace @ionic-native/http/ngx and it seems to be successful, but for storing files to android device there is still no way to handle it (I tried with @capacitor/ filesystem but failed).

Can anyone give me some advice?

当我们第一次安装应用程序时，我已经看到大多数移动应用程序都有一个介绍滑块。我在谷歌上搜索过，但它们都是带有 Angular 的旧版 Ionic。

我对将组件放在哪里以及我应该如何管理状态感到非常困惑。

我在我的应用程序中使用电容器，我认为电容器具有存储功能。

我也想知道做这件事的正确流程是什么。

提前致谢。

我无法在真实设备中从外部 url 加载任何图像。我总是收到以下错误：

这是我的capacitor.config.json