ionic-framework 相关问题

在工作表模式上启用滚动内容

我想询问有关工作表模式的问题：https://ionicframework.com/docs/api/modal#sheet-modal 案例如图所示。我创建了一个带有断点 [0, 0.65, 1] 的工作表模态，并带有 de...

当我的应用程序运行时，如何检测是否有其他应用程序正在以画中画模式运行？

开发适用于 Android 和 iOS 的跨平台 Ionic 应用程序。 我的要求是检测其他应用程序是否在我的应用程序屏幕前面的浮动窗口中以 PiP（画中画）模式运行...

为什么我的表单输入无法正确更新？

每当我在登录表单上点击“提交”时，相关文本字段中的值有时不会出现。我可以定位我的元素并使用 document.addEventListener 但如果我...

Ionic 和 AngularJS：ng-repeat 中的变量？

我是 Ionic （和 stackoverflow）的新手，但我的应用程序即将完成，除了一件小事，我需要你的帮助！ 我有一个详细视图（produktDetail.html），我必须在其中放置一个离子幻灯片框。

离子电容器应用程序 IonApp 类名未定义，而不是平台

我向react.js应用程序添加了离子和电容器。 ion-app 类名应该是 ios 或 android，但它是未定义的。有谁知道如何解决吗？ 在此输入图片描述

Ionic 8 与 Angular 18 独立组件在自定义 HTML 的操作表中使用innerHTMLTemplatesEnabled

我在一个独立项目中使用 Ionic 8 和 Angular 18。我正在尝试使用自定义 HTML 创建警报。这是我的 TypeScript 代码： 异步presentAlert() { const 警报 = 等待 this.alertContr...

覆盖 Electron 中的第一个菜单项

Electron 应用程序中的第一个菜单项显然是应用程序名称，但是当我尝试运行我的应用程序时，它总是显示“Electron”，即使在 main 中显式设置 app.name 变量之后...

在启用 CapacitorHttp 的情况下，是否有在 Ionic 中的 http POST 请求中发送 FormData 的方法？

我正在尝试从 Ionic IOS 应用程序将图像上传到 Cloudinary。我使用 FormData 发送文件，但在应用程序中启用了 CapacitorHttp 以处理 CORS 问题。然而，FormData...

Angular 属性不存在：在 Ionic 7 Angular 18 应用程序中使用 leaflet 和 leaflet-gpx

我正在尝试使用 Leaflet 的 GPX 插件将传单上的 GPX 文件显示到我的 Ionic Angular 应用程序中。在 VS Code 中，一切看起来都很好，但是当我运行 Ionic Serve 时，出现以下错误...

构建离子应用程序时找不到模块“xmlbuilder”

当我执行时 ionic 启动 myApp 选项卡 我遇到以下错误 错误：找不到模块“xmlbuilder” 在 Function.Module._resolveFilename (module.js:325:15) 在 Function.Module._load (...

离子角度 NFC 变更检测问题

我在将实际的 Ionic Angular 与 NFC 读取器结合使用时遇到问题。 我可以使用以下提供的示例成功读取 NFC 标签： https://ionicframework.com/docs/native/nfc 问题

基于正则表达式在离子卡文本中动态添加颜色

我想在检测到 # 或 @ 时在某些文本周围添加跨度，以便我可以更改颜色以使其看起来像 Twitter 中的用户名和主题标签。我的代码如下所示： TS 文件： ngOnInit(): 瞧...

用于 Veracode 扫描离子电容器项目的 Azure Pipeline 任务。构建工件文件路径无效

我第一次尝试 veracode。我想通过天蓝色管道扫描我的离子项目。 以下是我的项目结构： 所以我在 azure-pipeline.yml 文件中添加了一个任务。 # 启动管道 #

桌面网络浏览器上的电容器-sqlite：类型错误：x 不是数据库打开时的函数

最小可重现示例： https://github.com/folsze/capacitor-v6-sqlite-x-is-not-a-function 导致问题的确切更改的最小提交： https://github.com/folsze/capacitor-v6-

离子日期时间组件将日期转换回并分配

我正在使用离子日期时间组件。虽然设置值的能力工作正常，但当我尝试将所选值设置回来时，我很挣扎。 代码如下所示： 我正在使用离子日期时间组件。虽然设置值的能力工作正常，但当我尝试将所选值设置回来时，我很挣扎。 代码如下所示： <ion-datetime-button datetime="datetime" style="border: 1px solid #AEB1B5"></ion-datetime-button> <ion-modal [keepContentsMounted]="true"> <ng-template> <ion-datetime id="datetime" presentation="date" (ionChange)="dateChanged($event)" (value)="calcStartDate()"></ion-datetime> </ng-template> </ion-modal> .ts 文件是 dateChanged(e:any) { console.log('ionChange fired with date value: ' + e.detail.value); this.income["Date"] = (new Date(e.detail.value)).getTime() } calcStartDate(){ console.log("Start date is:", new Date(this.income.Date)) return new Date(this.income.Date) } 存储的值是字段“日期”的数字类型，可以与 Firebase 数据存储很好地配合。 使用上面的代码我仍然得到今天的日期而不是保存的值。 角度中的变量需要方括号： [值]="calcStartDate()">

当我终止应用程序时，后台服务在 Ionic Cordova 应用程序中不起作用

当我终止该应用程序时，后台服务在 Ionic Cordova 应用程序中无法工作。 我正在使用这个插件：@mauron85/cordova-plugin-background-geolocation。 环境： Ionic-4、Cordova-8、Andr...

无法找到命令：plugin add cordova-plugin-inappbrowser

无法找到命令：plugin add cordova-plugin-inappbrowser "@ionic-native/core": "^5.36.0", "@ionic/角度": "^8.0.0", “@ionic/角度工具包”...

如何解决React Context与Ionic React v7和Vite一起使用时导入分析失败的错误？

我在新的 Ionic React v7 中使用 React Context 时遇到了挑战。我在屏幕和控制台中收到此错误： [plugin:vite:import-analysis] 无法解析导入分析源...

模块“vue”没有导出成员“计算”

从“@ionic/vue”导入{ IonItem、IonCheckbox、IonItemSliding、IonItemOptions、IonItemOption、IonIcon }； 从“vue...</desc>导入{ref，计算}” <question vote="0"> <pre><code>&lt;script setup lang=&#34;ts&#34;&gt; import { IonItem, IonCheckbox, IonItemSliding, IonItemOptions, IonItemOption, IonIcon } from &#34;@ionic/vue&#34;; import { ref, computed } from &#34;vue&#34;; import dayjs from &#34;dayjs&#34;; import { Haptics, ImpactStyle } from &#39;@capacitor/haptics&#39;; import { calendarOutline, flameOutline, closeCircleOutline } from &#39;ionicons/icons&#39;; </code></pre> <p>Vue 版本“vue”：“^3.4.35”。来源：package.json文件</p> <p>tsconfig 文件：</p> <pre><code>{ &#34;compilerOptions&#34;: { &#34;target&#34;: &#34;ESNext&#34;, &#34;useDefineForClassFields&#34;: true, &#34;module&#34;: &#34;ESNext&#34;, &#34;moduleResolution&#34;: &#34;Node&#34;, &#34;strict&#34;: true, &#34;jsx&#34;: &#34;preserve&#34;, &#34;resolveJsonModule&#34;: true, &#34;isolatedModules&#34;: true, &#34;esModuleInterop&#34;: true, &#34;lib&#34;: [&#34;ESNext&#34;, &#34;DOM&#34;], &#34;skipLibCheck&#34;: true, &#34;noEmit&#34;: true, &#34;paths&#34;: { &#34;@/*&#34;: [&#34;./src/*&#34;] } }, &#34;include&#34;: [&#34;src/**/*.ts&#34;, &#34;src/**/*.d.ts&#34;, &#34;src/**/*.tsx&#34;, &#34;src/**/*.vue&#34;], &#34;references&#34;: [{ &#34;path&#34;: &#34;./tsconfig.node.json&#34; }] } </code></pre> <p>package.json 文件：</p> <pre><code>{ &#34;name&#34;: &#34;habit-rabit&#34;, &#34;private&#34;: true, &#34;version&#34;: &#34;0.0.1&#34;, &#34;type&#34;: &#34;module&#34;, &#34;scripts&#34;: { &#34;dev&#34;: &#34;vite&#34;, &#34;build&#34;: &#34;vue-tsc &amp;&amp; vite build&#34;, &#34;preview&#34;: &#34;vite preview&#34;, &#34;test:e2e&#34;: &#34;cypress run&#34;, &#34;test:unit&#34;: &#34;vitest&#34;, &#34;lint&#34;: &#34;eslint .&#34; }, &#34;dependencies&#34;: { &#34;@capacitor/android&#34;: &#34;6.1.1&#34;, &#34;@capacitor/app&#34;: &#34;^6.0.0&#34;, &#34;@capacitor/camera&#34;: &#34;^6.0.0&#34;, &#34;@capacitor/core&#34;: &#34;^6.0.0&#34;, &#34;@capacitor/filesystem&#34;: &#34;^6.0.0&#34;, &#34;@capacitor/haptics&#34;: &#34;^6.0.0&#34;, &#34;@capacitor/ios&#34;: &#34;6.1.1&#34;, &#34;@capacitor/keyboard&#34;: &#34;^6.0.0&#34;, &#34;@capacitor/preferences&#34;: &#34;^6.0.0&#34;, &#34;@capacitor/share&#34;: &#34;^6.0.0&#34;, &#34;@capacitor/status-bar&#34;: &#34;^6.0.0&#34;, &#34;@ionic/pwa-elements&#34;: &#34;^3.2.2&#34;, &#34;@ionic/vue&#34;: &#34;^8.2.0&#34;, &#34;@ionic/vue-router&#34;: &#34;^8.2.0&#34;, &#34;capacitor-ios-autofill-save-password&#34;: &#34;^3.0.0&#34;, &#34;dayjs&#34;: &#34;^1.11.10&#34;, &#34;firebase&#34;: &#34;^10.8.1&#34;, &#34;ionicons&#34;: &#34;^7.0.0&#34;, &#34;vue&#34;: &#34;^3.4.35&#34;, &#34;vue-router&#34;: &#34;^4.4.0&#34; }, &#34;devDependencies&#34;: { &#34;@capacitor/cli&#34;: &#34;^6.0.0&#34;, &#34;@types/vue&#34;: &#34;^1.0.31&#34;, &#34;@vitejs/plugin-legacy&#34;: &#34;^5.0.0&#34;, &#34;@vitejs/plugin-vue&#34;: &#34;^5.0.5&#34;, &#34;@vue/eslint-config-typescript&#34;: &#34;^13.0.0&#34;, &#34;@vue/test-utils&#34;: &#34;^2.3.0&#34;, &#34;cypress&#34;: &#34;^13.5.0&#34;, &#34;eslint&#34;: &#34;^8.57.0&#34;, &#34;eslint-plugin-vue&#34;: &#34;^9.27.0&#34;, &#34;jsdom&#34;: &#34;^24.1.0&#34;, &#34;terser&#34;: &#34;^5.4.0&#34;, &#34;typescript&#34;: &#34;^5.1.6&#34;, &#34;vite&#34;: &#34;^5.0.0&#34;, &#34;vitest&#34;: &#34;^2.0.2&#34;, &#34;vue-tsc&#34;: &#34;^2.0.26&#34; }, &#34;description&#34;: &#34;An Ionic project&#34; } </code></pre> <p>运行 Ionic 构建命令时，我遇到以下错误。另请参阅帖子下的评论。基本上，由于此错误，构建不会继续进行。上周我的 IDE 突出显示了同样的错误，但无论如何构建都是成功的。</p> <pre><code>Module &#39;&#34;vue&#34;&#39; has no exported member &#39;computed&#39;.ts-plugin(2305) import computed </code></pre> </question> <answer tick="false" vote="0"> <p>该错误是由负责项目中类型检查的<pre><code>vue-tsx</code></pre>命令引起的。</p> <p>问题是<pre><code>@types/vue</code></pre>依赖，应该将其删除。它适用于 Vue 1.x，并通过 TypeScript 识别来防止来自 <pre><code>vue@3</code></pre> 包的类型。</p> </answer> </body></html>

离子框架需要一个框架

Ionic Framework 是否消除了在没有任何框架的情况下启动的可能性？ >ionic启动MyAPP空白 选择一个框架！ 请选择用于您的新应用程序的 JavaScript 框架。绕过...