天道酬勤,学无止境

ionic-framework

Module '" "' has no exported member 'NativeGeocoderReverseResult' in ionic 3 Geolocation

Module '" "' has no exported member 'NativeGeocoderReverseResult'. L13: import { Geolocation } from '@ionic-native/geolocation/ngx'; L14: import { NativeGeocoder, NativeGeocoderOptions,NativeGeocoderReverseResult} Error In Console getUserLocation(){ let options: NativeGeocoderOptions = { useLocale: true, maxResults: 5 }; this.geolocation.getCurrentPosition().then(resp => { this.nativeGeocoder.reverseGeocode(resp.coords.latitude, resp.coords.longitude, options) .then((result: NativeGeocoderReverseResult[]) => { this.userlocation = result[0].toString(); }, error => { console.log(error) }); }

2022-01-17 08:44:00    分类:问答    angular   ionic-framework   geolocation   ionic3

ionic cordova run ios - Export failed with code 65

I'm done with research on this error. I get following error when trying to run ionic cordova run ios --livereload: [cordova] Non-system Ruby in use. This may cause packaging to fail. [cordova] If you use RVM, please run `rvm use system`. [cordova] If you use chruby, please run `chruby system`. [cordova] error: archive not found at path '/Users/yassinezeriouh/Desktop/doday2/platforms/ios/DoDay.xcarchive' [cordova] ** EXPORT FAILED ** [cordova] [cordova] CordovaError: Promise rejected with non-error: 'Error code 65 for command: xcodebuild with args: -exportArchive,-archivePath,DoDay.xcarchive

2022-01-17 05:57:31    分类:问答    ios   cordova   debugging   ionic-framework   ionic3

Ionic 4 SQLite - TypeError: Object(…) is not a function

I'm using ionic 4 beta version. When I added the cordova-sqlite-storage plugin and tried to open the database, I got the following console error. TypeError: Object(...) is not a function[Learn More] index.js:125 ./node_modules/@ionic-native/sqlite/index.js/SQLiteObject< index.js:125 ./node_modules/@ionic-native/sqlite/index.js index.js:25 __webpack_require__ bootstrap:81 ./src/app/services/x.service.ts http://localhost:8100/main.js:5168:78 __webpack_require__ bootstrap:81 ./src/app/services/y.service.ts http://localhost:8100/main.js:4977:75 __webpack_require__ bootstrap:81 ./src/app/components

2022-01-17 05:39:09    分类:问答    ionic-framework   ionic4

Firebase Cloud Function executing twice when triggered over HTTP

I'm trying to integrate Firebase Cloud Functions into my Ionic 3 App. The goal is to create a cloud function that will create a user using the admin SDK. However, when triggering this function over HTTP it will execute twice only when passing data to it, if I just call the function with no data it executes once as intended. Cloud Function Code: const functions = require('firebase-functions'); exports.createUser = functions.https.onRequest((request, response) => { response.set('Access-Control-Allow-Origin', '*'); response.set('Access-Control-Allow-Headers', 'Content-Type'); console.log(request

2022-01-17 01:22:37    分类:问答    firebase   ionic-framework   google-cloud-functions

How to receive a push notification when you are near a specific place using a map?

I'm new to Ionic, and I'd like to know if you can give me some guidance. I am using Ionic 1. I have seen tutorials, and they use Google or one signal. But they are always basic tutorials and I have many doubts. I hope to do this for both iOS and Android. My application has some coordinates in the database, I get them with a web service. I would like that when I'm near a place I get a push notification. I am currently using the Google Maps plugin cordova-plugin-googlemaps and the geolocation plugin cordova-plugin-geolocation. I would like you to give me advice or if you have had the experience

2022-01-16 22:22:50    分类:问答    ionic-framework   ionic2   ionic3

XXX 不支持 Azure 构建管道中的配置文件(XXX does not does not support provisioning profiles in azure build pipeline)

问题 我正在 Azure 构建管道中构建 Ionic 4 应用程序。 当我尝试运行具有其他科尔多瓦依赖项的管道时,我在 Xcode 存档步骤中收到以下错误。 ❌ error: AppAuth does not support provisioning profiles. AppAuth does not support provisioning profiles, but provisioning profile Beta2020 has been manually specified. Set the provisioning profile value to "Automatic" in the build settings editor. (in target 'AppAuth' from project 'Pods') ❌ error: GoogleUtilities does not support provisioning profiles. GoogleUtilities does not support provisioning profiles, but provisioning profile Beta2020 has been manually specified. Set the provisioning profile value to

2022-01-16 18:16:21    分类:技术分享    ios   ionic-framework   azure-devops   azure-pipelines   azure-pipelines-build-task

URL 更改但页面新页面未呈现 Ionic React ,具有历史记录的 IonReactRouter(URL changes but page new page is not rendered Ionic React , IonReactRouter with history)

问题 我正在使用带有 React 和 Redux 的 Ionic 5 编写应用程序。 在成功登录尝试后,我正在尝试导航到新页面 /tabs/home。 当我从后端获得成功响应时,我试图通过将新 URL 推送到反应路由器历史记录道具上来做到这一点。 这是因为它将 url 从 /login 更改为 /tabs/home 但仍然显示登录页面。 索引.tsx import React from 'react'; import {render} from 'react-dom'; import App from './App'; import { Provider } from 'react-redux'; import { store } from './helpers/store'; import { Router } from 'react-router'; import CreateBrowserHistory from 'history/createBrowserHistory'; export const history = CreateBrowserHistory(); render( <Provider store={store}> <Router history={history}> <App /> </Router> </Provider>, document

2022-01-16 18:01:54    分类:技术分享    reactjs   ionic-framework   react-redux   react-router   ionic-react

如何使“ion-img”响应?(How can I make `ion-img` responsive?)

问题 我在virtualScroll元素中使用ion-img 。 该图像是高清分辨率,我想将其缩小以适应设备宽度。 我认为ion-img用它的 CSS 属性来解决这个问题,但事实并非如此。 因此,在ion-img上不设置宽度或高度意味着我得到一个 20x20 的灰色正方形。 将宽度和高度设置为 1920x1080 意味着我在大多数设备上都可以看到巨大的图像,而这些图像会远离屏幕。 如何将其设置为响应式? 我希望它随屏幕缩放。 通过将宽度设置为 100%,我可以使用标准img轻松做到这一点。 下面是我的代码: <ion-header> <ion-navbar> <ion-title>{{ selectedCategory.name }}</ion-title> </ion-navbar> </ion-header> <ion-content> <ion-list [virtualScroll]="selectedCategory.videos" approxItemHeight="300px" approxItemWidth="100%"> <ion-item class="class" *virtualItem="let item; let i=index" padding> <div *ngIf="item.available != true; then locked; else

2022-01-16 14:32:36    分类:技术分享    css   image   angular   ionic-framework   ionic2

D3 Canvas图形缩放和平移在Webview中缓慢重绘(D3 Canvas graph zooming and panning slow redraw in Webview)

问题 我有一个在 Canvas 中实现的 d3 图表。 Chrome 中的图形性能非常好,但是当我使用 Ionic(webview) 部署它时,缩放和平移重绘在 android 上确实是惊人的,在 iOS 上甚至更慢。 我最初使用 SVG 开发图形,但在确信画布会运行更流畅后切换到画布。 设置代码 HTML <ion-header> <ion-navbar> <ion-title> Ionic Blank </ion-title> </ion-navbar> </ion-header> <ion-content padding> <canvas width="300" height="300"></canvas> </ion-content> 画布初始化 mode = 'monthly'; canvas = document.querySelector("canvas"); context = canvas.getContext("2d"); margin = { top: 20, right: 20, bottom: 30, left: 50 }, width = canvas.width - margin.left - margin.right, height = canvas.height - margin.top - margin.bottom; var parseTime

2022-01-16 14:30:38    分类:技术分享    javascript   d3.js   canvas   ionic-framework   ionic2

Angular fire firestore 没有导出成员“FirestoreSettingsToken”(Angular fire firestore has no exported member 'FirestoreSettingsToken')

问题 它发生在我第一次编译我的项目时。 显示此的问题: Module '".../node_modules/@angular/fire/firestore/angular-fire-firestore"' has no exported member 'FirestoreSettingsToken' 我的app.module.ts文件: import { NgModule } from '@angular/core'; ... import { AppComponent } from './app.component'; import { AppRoutingModule } from './app-routing.module'; import { AngularFireModule } from '@angular/fire'; import { environment } from '../environments/environment'; import { AngularFirestoreModule, FirestoreSettingsToken } from '@angular/fire/firestore'; @NgModule({ declarations: [AppComponent], entryComponents: [], imports: [

2022-01-16 11:51:31    分类:技术分享    angular   ionic-framework   google-cloud-firestore