Ionic是一个前端框架,用于使用Sass和Angular开发具有HTML的本机感混合移动应用程序。默认情况下,它运行在Cordova之上。
在启用 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 时,出现以下错误...
当我执行时 ionic 启动 myApp 选项卡 我遇到以下错误 错误:找不到模块“xmlbuilder” 在 Function.Module._resolveFilename (module.js:325:15) 在 Function.Module._load (...
我在将实际的 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] 无法解析导入分析源...
从“@ionic/vue”导入{ IonItem、IonCheckbox、IonItemSliding、IonItemOptions、IonItemOption、IonIcon }; 从“vue...</desc>导入{ref,计算}” <question vote="0"> <pre><code><script setup lang="ts"> import { IonItem, IonCheckbox, IonItemSliding, IonItemOptions, IonItemOption, IonIcon } from "@ionic/vue"; import { ref, computed } from "vue"; import dayjs from "dayjs"; import { Haptics, ImpactStyle } from '@capacitor/haptics'; import { calendarOutline, flameOutline, closeCircleOutline } from 'ionicons/icons'; </code></pre> <p>Vue 版本“vue”:“^3.4.35”。来源:package.json文件</p> <p>tsconfig 文件:</p> <pre><code>{ "compilerOptions": { "target": "ESNext", "useDefineForClassFields": true, "module": "ESNext", "moduleResolution": "Node", "strict": true, "jsx": "preserve", "resolveJsonModule": true, "isolatedModules": true, "esModuleInterop": true, "lib": ["ESNext", "DOM"], "skipLibCheck": true, "noEmit": true, "paths": { "@/*": ["./src/*"] } }, "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"], "references": [{ "path": "./tsconfig.node.json" }] } </code></pre> <p>package.json 文件:</p> <pre><code>{ "name": "habit-rabit", "private": true, "version": "0.0.1", "type": "module", "scripts": { "dev": "vite", "build": "vue-tsc && vite build", "preview": "vite preview", "test:e2e": "cypress run", "test:unit": "vitest", "lint": "eslint ." }, "dependencies": { "@capacitor/android": "6.1.1", "@capacitor/app": "^6.0.0", "@capacitor/camera": "^6.0.0", "@capacitor/core": "^6.0.0", "@capacitor/filesystem": "^6.0.0", "@capacitor/haptics": "^6.0.0", "@capacitor/ios": "6.1.1", "@capacitor/keyboard": "^6.0.0", "@capacitor/preferences": "^6.0.0", "@capacitor/share": "^6.0.0", "@capacitor/status-bar": "^6.0.0", "@ionic/pwa-elements": "^3.2.2", "@ionic/vue": "^8.2.0", "@ionic/vue-router": "^8.2.0", "capacitor-ios-autofill-save-password": "^3.0.0", "dayjs": "^1.11.10", "firebase": "^10.8.1", "ionicons": "^7.0.0", "vue": "^3.4.35", "vue-router": "^4.4.0" }, "devDependencies": { "@capacitor/cli": "^6.0.0", "@types/vue": "^1.0.31", "@vitejs/plugin-legacy": "^5.0.0", "@vitejs/plugin-vue": "^5.0.5", "@vue/eslint-config-typescript": "^13.0.0", "@vue/test-utils": "^2.3.0", "cypress": "^13.5.0", "eslint": "^8.57.0", "eslint-plugin-vue": "^9.27.0", "jsdom": "^24.1.0", "terser": "^5.4.0", "typescript": "^5.1.6", "vite": "^5.0.0", "vitest": "^2.0.2", "vue-tsc": "^2.0.26" }, "description": "An Ionic project" } </code></pre> <p>运行 Ionic 构建命令时,我遇到以下错误。另请参阅帖子下的评论。基本上,由于此错误,构建不会继续进行。上周我的 IDE 突出显示了同样的错误,但无论如何构建都是成功的。</p> <pre><code>Module '"vue"' has no exported member 'computed'.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 框架。绕过...
如何在 Ionic 上使用 Android Exoplayer?我正在使用 Ionic + Vue 从 '@ionic-native/android-exoplayer' 导入 { AndroidExoPlayer } 创建 () { console.log(AndroidExoPlayer) } 我尝试过这个,但是...
我尝试使用离子后退按钮。当应用程序加载时,我被重定向到帐户页面 core.page.ts。在此页面中,我有两个带有 routerlink 登录和注册的按钮。当我点击登录但是...
尝试在 Ionic React IOS 移动应用程序中使用 PhoneAuthProvider 方法时,Firebase Auth 抛出“auth/internal-error”
我目前在尝试将 Google Firebase 身份验证集成到 React Ionic 移动应用程序中时遇到一些问题。到目前为止,我已经能够将应用程序设置为在网络和
我已经使用 Bower 在 ionic/Angular 上安装了 momentJS - 并且工作正常。除了将语言环境更改为“fr”或“da”之外。这些文件在 locales-folder 中可用,但以下代码仍然有效...
我在 Ionic 应用程序中使用 ion-input-password-toggle 组件来切换密码输入字段的可见性。但是,我遇到了一个问题,当我在
如何在 ion-toast(嵌套阴影元素)内设置离子图标的样式?
我尝试了多种方法: 设置内联样式,但看起来 @ionic 在生成 toast 时删除了 style="...." 属性 CSS 变量,但不知道如何设计新的样式...
问题:我已经在我的 Ionic Angular 项目中使用 @capacitor-firebase/authentication 实现了 Facebook 登录。下面是我使用的代码: 从'@capacitor-fi导入{FirebaseAuthentication}...