Quantcast
Channel: Ionic Forum - Latest topics
Viewing all 70442 articles
Browse latest View live

Ng serve failing to compile in ionic 4

$
0
0

@Vigors wrote:

Hi,
My application suddenly can’t run a ng serve or ionic cordova build android anymore.
First some config was emptied, possibly by visual studio code, so I ran the command
as per this discussion:
ionic integrations enable cordova --add

Now when I run ng serve --verbose I get this:

ERROR in ./node_modules/@ionic/core/dist/esm/legacy/index.mjs 3:0-202
Can’t reexport the named export ‘t’ from non EcmaScript module (only default export is available)
at HarmonyExportImportedSpecifierDependency._getErrors (C:\websites\weight-recording-app-4\node_modules\webpack\lib\dependencies\HarmonyExportImportedSpecifierDependency.js:360:6)
at HarmonyExportImportedSpecifierDependency.getErrors (C:\websites\weight-recording-app-4\node_modules\webpack\lib\dependencies\HarmonyExportImportedSpecifierDependency.js:338:16)
at Compilation.reportDependencyErrorsAndWarnings (C:\websites\weight-recording-app-4\node_modules\webpack\lib\Compilation.js:1365:22)
at Compilation.finish (C:\websites\weight-recording-app-4\node_modules\webpack\lib\Compilation.js:1167:9)
at hooks.make.callAsync.err (C:\websites\weight-recording-app-4\node_modules\webpack\lib\Compiler.js:622:17)
at _done (eval at create (C:\websites\weight-recording-app-4\node_modules\tapable\lib\HookCodeFactory.js:33:10), :9:1)
at _err4 (eval at create (C:\websites\weight-recording-app-4\node_modules\tapable\lib\HookCodeFactory.js:33:10), :72:22)
at _addModuleChain (C:\websites\weight-recording-app-4\node_modules\webpack\lib\Compilation.js:1095:12)
at processModuleDependencies.err (C:\websites\weight-recording-app-4\node_modules\webpack\lib\Compilation.js:1007:9) at _combinedTickCallback (internal/process/next_tick.js:131:7)
at process._tickCallback (internal/process/next_tick.js:180:9)
@ ./node_modules/@ionic/core/dist/index.mjs
@ ./node_modules/@ionic/angular/dist/fesm5.js
@ ./src/app/app.module.ts
@ ./src/main.ts
@ multi (webpack)-dev-server/client?http://0.0.0.0:0/sockjs-node ./src/main.ts
ERROR in ./node_modules/@ionic/core/loader/index.mjs 21:0-47
Can’t reexport the namespace object from non EcmaScript module (only default export is available)
at HarmonyExportImportedSpecifierDependency._getErrors (C:\websites\weight-recording-app-4\node_modules\webpack\lib\dependencies\HarmonyExportImportedSpecifierDependency.js:360:6)
at HarmonyExportImportedSpecifierDependency.getErrors (C:\websites\weight-recording-app-4\node_modules\webpack\lib\dependencies\HarmonyExportImportedSpecifierDependency.js:338:16)
at Compilation.reportDependencyErrorsAndWarnings (C:\websites\weight-recording-app-4\node_modules\webpack\lib\Compilation.js:1365:22)
at Compilation.finish (C:\websites\weight-recording-app-4\node_modules\webpack\lib\Compilation.js:1167:9)
at hooks.make.callAsync.err (C:\websites\weight-recording-app-4\node_modules\webpack\lib\Compiler.js:622:17)
at _done (eval at create (C:\websites\weight-recording-app-4\node_modules\tapable\lib\HookCodeFactory.js:33:10), :9:1)
at _err4 (eval at create (C:\websites\weight-recording-app-4\node_modules\tapable\lib\HookCodeFactory.js:33:10), :72:22)
at _addModuleChain (C:\websites\weight-recording-app-4\node_modules\webpack\lib\Compilation.js:1095:12)
at processModuleDependencies.err (C:\websites\weight-recording-app-4\node_modules\webpack\lib\Compilation.js:1007:9) at _combinedTickCallback (internal/process/next_tick.js:131:7)
at process._tickCallback (internal/process/next_tick.js:180:9)
@ ./node_modules/@ionic/angular/dist/fesm5.js
@ ./src/app/app.module.ts
@ ./src/main.ts
@ multi (webpack)-dev-server/client?http://0.0.0.0:0/sockjs-node ./src/main.ts
ERROR in ./node_modules/@ionic/core/dist/esm/polyfills/index.js 15:18
Module parse failed: Unexpected token (15:18)
You may need an appropriate loader to handle this file type.
|
| if (!win.customElements || (win.Element && (!win.Element.prototype.closest || !win.Element.prototype.matches || !win.Element.prototype.remove))) {

promises.push(import('./dom.js'));

| }
|
@ ./node_modules/@ionic/core/loader/index.mjs 21:0-47 21:0-47
@ ./node_modules/@ionic/angular/dist/fesm5.js
@ ./src/app/app.module.ts
@ ./src/main.ts
@ multi (webpack)-dev-server/client?http://0.0.0.0:0/sockjs-node ./src/main.ts
ERROR in ./node_modules/@ionic/core/dist/esm/legacy/chunk-d83bfeae.js 172:37
Module parse failed: Unexpected token (172:37)
You may need an appropriate loader to handle this file type.
| baseEl.classList.remove(‘overlay-hidden’);
| aniRoot = baseEl.shadowRoot || overlay.el;

            return [4 /*yield*/, import('./index-d9adb105.js').then(function (mod) { return mod.create(animationBuilder, aniRoot, opts); })];

| case 1:
| animation = _a.sent();
@ ./node_modules/@ionic/core/dist/esm/legacy/index.mjs 3:0-202 3:0-202 3:0-202 3:0-202 3:0-202 3:0-202 3:0-202 3:0-202
@ ./node_modules/@ionic/core/dist/index.mjs
@ ./node_modules/@ionic/angular/dist/fesm5.js
@ ./src/app/app.module.ts
@ ./src/main.ts
@ multi (webpack)-dev-server/client?http://0.0.0.0:0/sockjs-node ./src/main.ts
ERROR in ./node_modules/@ionic/core/dist/esm/legacy/chunk-09ec7fc0.js 61:11
Module parse failed: Unexpected token (61:11)
You may need an appropriate loader to handle this file type.
| return module[exportName];
| }

return import(

| /* webpackInclude: /.entry.js$/ /
| /
webpackExclude: /.system.entry.js$/ */
@ ./node_modules/@ionic/core/dist/esm/legacy/loader.mjs 1:0-86 4:11-19 5:8-15 6:8-21
@ ./node_modules/@ionic/core/loader/index.mjs
@ ./node_modules/@ionic/angular/dist/fesm5.js
@ ./src/app/app.module.ts
@ ./src/main.ts
@ multi (webpack)-dev-server/client?http://0.0.0.0:0/sockjs-node ./src/main.ts
i 「wdm」: Failed to compile.

There are more logs that this, but that should give you an idea of what I am seeing.

Removing node_modules and running npm i didn’t help.
Running ionic repair didn’t help.

Ionic Info:
Ionic:

Ionic CLI : 5.2.3
Ionic Framework : @ionic/angular 4.6.2
@angular-devkit/build-angular : 0.13.9
@angular-devkit/schematics : 7.3.9
@angular/cli : 7.3.9
@ionic/angular-toolkit : 1.5.1

Cordova:

Cordova CLI : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : not available
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 8 other plugins)

Utility:

cordova-res : 0.3.0
native-run : 0.2.6

System:

NodeJS : v8.11.1 (C:\Program Files\nodejs\node.exe)
npm : 6.4.1
OS : Windows 10

Can anyone help?

Posts: 1

Participants: 1

Read full topic


Menu is always disabled on first load unable to click or navigate to pages

$
0
0

@Prasvk wrote:

HI,

I am new to ionic I have created a new project with blank template. I have menu which is always disabled when the application is loaded. I can’t click anything in the menu-inner area, but if I navigate to other pages and go back to home menu works. What could be the reason for this?

Posts: 1

Participants: 1

Read full topic

How to send id as per onclick on that card to next page

$
0
0

@pt2609 wrote:

I’m trying to send onclick id to the next page. i’m able to send only specific id to next page like using below code:
this.navCtrl.push(ChecklistPage, { checklisttNo: this.resposeData[0].project_id }); but it will send only 0th index code then how to send any id that i clicked

[
{
“project_id”: “8”,
“name”: “Columbia Asia”,
“img”: “”
},
{
“project_id”: “7”,
“name”: “test4”,
“img”: “http://146.66.92.93/~advent37/QualityControl/uploads/project_logo/Logo_w_o_theme_lowres.png
},
{
“project_id”: “6”,
“name”: “test3”,
“img”: “”
},
{
“project_id”: “5”,
“name”: “test2”,
“img”: “”
},
{
“project_id”: “4”,
“name”: “test1”,
“img”: “”
},
{
“project_id”: “3”,
“name”: “KSB tech”,
“img”: “”
},
]

Posts: 1

Participants: 1

Read full topic

Problem when creating new app

$
0
0

@tutosfaciles48 wrote:

I type ionic start appName sidemenu but a permission error occur when npm try to deleting something
I equally try on WSL with ubuntu but the same error appear

I’m using node 12.2.0

Other information:
It try many times by desactiving the antivirus but it does nothing more

Note: log available here

Posts: 1

Participants: 1

Read full topic

Ionic cordova build android --release --prod, production flag not working

$
0
0

@salei wrote:

From what I read, ionic’s --prod flag is meant to reduce the size of my APK.
When I run the given command there is no failure, but on the other hand, I don’t see that the build took into account the production flag.
Obviously, my APK size stays the same.

Here is my ionic info:

Ionic:

   ionic (Ionic CLI) : 4.8.0 (C:\Users\Sarah\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework   : ionic1 1.3.4
   @ionic/v1-toolkit : 2.0.6

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 7.1.0, ios 4.5.3
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.3.3, (and 16 other plugins)

System:

   NodeJS : v8.11.1 (C:\Program Files\nodejs\node.exe)
   npm    : 5.6.0
   OS     : Windows 7

and here is the output when i run the above:

> ionic-v1 build
[14:32:51] Invoking sass gulp task.
> cordova build android --release
Android Studio project detected
ANDROID_HOME=C:\Users\Sarah\AppData\Local\Android\Sdk
JAVA_HOME=C:\Program Files\Java\jdk1.8.0_172
studio
Subproject Path: CordovaLib
Subproject Path: app
publishNonDefault is deprecated and has no effect anymore. All variants are now published.
The Task.leftShift(Closure) method has been deprecated and is scheduled to be removed in Gradle 5.0. Please use Task.doLast(Action) instead.
        at build_4e2xii9e78jil030mvfq8awu4.run(C:\Users\Sarah\Desktop\nxpros\platforms\android\app\build.gradle:145)
Configuration 'compile' in project ':app' is deprecated. Use 'implementation' instead.
registerResGeneratingTask is deprecated, use registerGeneratedFolders(FileCollection)
registerResGeneratingTask is deprecated, use registerGeneratedFolders(FileCollection)
:CordovaLib:preBuild UP-TO-DATE
:CordovaLib:preReleaseBuild UP-TO-DATE
:CordovaLib:compileReleaseAidl UP-TO-DATE
:CordovaLib:compileReleaseRenderscript UP-TO-DATE
:CordovaLib:checkReleaseManifest UP-TO-DATE
:CordovaLib:generateReleaseBuildConfig UP-TO-DATE
:CordovaLib:prepareLintJar UP-TO-DATE
:CordovaLib:generateReleaseResValues UP-TO-DATE
:CordovaLib:generateReleaseResources UP-TO-DATE
:CordovaLib:packageReleaseResources UP-TO-DATE
:CordovaLib:platformAttrExtractor UP-TO-DATE
:CordovaLib:processReleaseManifest UP-TO-DATE
:CordovaLib:processReleaseResources UP-TO-DATE
:CordovaLib:generateReleaseSources UP-TO-DATE
:CordovaLib:javaPreCompileRelease UP-TO-DATE
:CordovaLib:compileReleaseJavaWithJavac UP-TO-DATE
:CordovaLib:processReleaseJavaRes NO-SOURCE
:CordovaLib:transformClassesAndResourcesWithPrepareIntermediateJarsForRelease UP-TO-DATE
:app:preBuild UP-TO-DATE
:app:preReleaseBuild UP-TO-DATE
:app:compileReleaseAidl UP-TO-DATE
:CordovaLib:packageReleaseRenderscript NO-SOURCE
:app:compileReleaseRenderscript UP-TO-DATE
:app:checkReleaseManifest UP-TO-DATE
:app:generateReleaseBuildConfig UP-TO-DATE
:app:prepareLintJar UP-TO-DATE
:app:generateReleaseResValues UP-TO-DATE
:app:generateReleaseResources UP-TO-DATE
:app:processReleaseGoogleServices
Parsing json file: C:\Users\Sarah\Desktop\nxpros\platforms\android\app\google-services.json
:app:mergeReleaseResources UP-TO-DATE
:app:createReleaseCompatibleScreenManifests UP-TO-DATE
:app:processReleaseManifest UP-TO-DATE
:app:splitsDiscoveryTaskRelease UP-TO-DATE
:app:processReleaseResources UP-TO-DATE
:app:generateReleaseSources UP-TO-DATE
:app:javaPreCompileRelease UP-TO-DATE
:app:compileReleaseJavaWithJavac UP-TO-DATE
:app:compileReleaseNdk NO-SOURCE
:app:compileReleaseSources UP-TO-DATE
:app:lintVitalRelease
:CordovaLib:mergeReleaseShaders UP-TO-DATE
:CordovaLib:compileReleaseShaders UP-TO-DATE
:CordovaLib:generateReleaseAssets UP-TO-DATE
:CordovaLib:mergeReleaseAssets UP-TO-DATE
:app:mergeReleaseShaders UP-TO-DATE
:app:compileReleaseShaders UP-TO-DATE
:app:generateReleaseAssets UP-TO-DATE
:app:mergeReleaseAssets UP-TO-DATE
:app:transformClassesWithStackFramesFixerForRelease UP-TO-DATE
:app:transformClassesWithDesugarForRelease UP-TO-DATE
:app:transformClassesWithJarMergingForRelease UP-TO-DATE
:app:transformClassesWithMultidexlistForRelease UP-TO-DATE
:app:transformClassesWithDexForRelease UP-TO-DATE
:CordovaLib:compileReleaseNdk NO-SOURCE
:CordovaLib:mergeReleaseJniLibFolders UP-TO-DATE
:CordovaLib:transformNativeLibsWithMergeJniLibsForRelease UP-TO-DATE
:CordovaLib:transformNativeLibsWithIntermediateJniLibsForRelease UP-TO-DATE
:app:mergeReleaseJniLibFolders UP-TO-DATE
:app:transformNativeLibsWithMergeJniLibsForRelease UP-TO-DATE
:app:processReleaseJavaRes NO-SOURCE
:app:transformResourcesWithMergeJavaResForRelease UP-TO-DATE
:app:packageRelease UP-TO-DATE
:app:assembleRelease
:app:cdvBuildRelease

BUILD SUCCESSFUL in 2s
47 actionable tasks: 2 executed, 45 up-to-date
Built the following apk(s):
        C:\Users\Sarah\Desktop\nxpros\platforms\android\app\build\outputs\apk\release\app-release-unsigned.apk

I’ve done lots of research to see what I am doing wrong, to no avail. Does anyone have an answer as to why this is happening?

Posts: 1

Participants: 1

Read full topic

Ionic 4 - Low performance in load grid

$
0
0

@SidiBecker wrote:

I’m using a infinite scroll of a ion-grid:

  <ion-row>
     <ion-col size="12" sizeSm="6" sizeMd="6" sizrLg="4" sizeXl="4" no-padding
            *ngFor="let item of items">
         <component></component>
      </ion-col>
  </ion-row>

To load 40 items, the app needs 20 secs :slightly_frowning_face: In ionic 3, the same functionality need ~2 secs;

I try use virtual scroll, but with responsive columns does not works correctly.

Posts: 1

Participants: 1

Read full topic

How to draw an image onto canvas?

$
0
0

@bc_uk wrote:

I need to draw an image onto a canvas. I then need to draw a box outline on top of part of the image. I have a canvas already working in my app, and am able to draw a rectangle onto it. However, I am having problems drawing the image onto it first. I create the image object from file source like this:

const img = new Image(200, 200);
img.src = (<any>window).Ionic.WebView.convertFileSrc(path);

this._CONTEXT.drawImage(img, 0, 0);
this._CONTEXT.fillRect(100, 100, 400, 400);

This draws the rectangle, but not the image. No errors are showing in the debug console. Ideally, I need to drawn the image at its original dimensions, draw the rectangle over the full sized image, then scale the canvas to fit the screen. Does anyone have an example I can work from?

Another related side issue - when creating image object from file, how do I get the image dimensions?

Thanks for any help.

Posts: 1

Participants: 1

Read full topic

Ionic : how to use Infinite Scroll for displaying contact list

$
0
0

@ajaykdutta wrote:

I am using Ionic4 . I am trying to display the phone contact list but the loading time for the list is too slow. I want to use Infinite Scroll but its not working . I am new in ionic so please help me .
My html file code :


<ion-content padding >
      <ion-searchbar (keyup)="SerachContact($event)" ></ion-searchbar>
      <ion-list  *ngFor="let contact of contactlist; let i = index;" >
      <ion-item >
      <ion-grid>
      <ion-row>
        <ion-col>
          <div>
            <ion-icon ios="ios-person" md="md-person"></ion-icon> <b>  {{contact.displayName}}</b>
          </div>
        </ion-col>
        </ion-row>
      <ion-row>
        <ion-col  size="10">
          <div>
            <ion-icon item-start  ios="ios-call" md="md-call" ></ion-icon> {{ contact.phoneNumbers[0].value}}
          </div>
        </ion-col>
      </ion-row>
    </ion-grid>
    </ion-item>
    </ion-list>

 <ion-infinite-scroll threshold="100px (ionInfinite)="onInfiniteScroll($event)">
        <ion-infinite-scroll-content
          loadingSpinner="bubbles"
          loadingText="Loading more data...">
        </ion-infinite-scroll-content>
      </ion-infinite-scroll>

    </ion-content>

and my ts file code :

import { Component, OnInit ,ViewChild} from '@angular/core';
import { Router } from '@angular/router';
import { Contacts, Contact, ContactField, ContactName } from '@ionic-native/contacts/ngx';

import {  NavController,IonInfiniteScroll} from '@ionic/angular'; 

import { CallNumber } from '@ionic-native/call-number/ngx';

@Component({
  selector: 'app-contact',
  templateUrl: './contact.page.html',
  styleUrls: ['./contact.page.scss'],
  providers: [Contacts],
})

export class ContactPage implements OnInit {

 @ViewChild(IonInfiniteScroll) infiniteScroll: IonInfiniteScroll;

  ngOnInit() {
  } 

 contactlist: any[];   

   constructor(public navCtrl: NavController,private router: Router, 
     private contacts: Contacts , public callNumber: CallNumber ) {

      this.contacts.find(["displayName", "phoneNumbers"], {multiple: true}).then((contacts) => {
        this.contactlist = contacts;
          this.contactlist.sort(function(a, b) {
             return compareStrings(a.displayName, b.displayName);
          });  
      });
}

onInfiniteScroll(event) {
      setTimeout(() => {
      console.log('Done');
      event.target.complete();
      if (data.length == 1000) {
        event.target.disabled = true;
      }
    }, 500);    
}

How can I use Infinite Scroll for fast display . please give some idea. thanks in advanced

Posts: 1

Participants: 1

Read full topic


Ionic Camera and Amazon Fire HD 10

$
0
0

@arcadius wrote:

Hello.

I have an Ionic/Cordova app that uses the front facing camera.

The app uses https://github.com/apache/cordova-plugin-camera

The app works very well on all android devices.

I have uploaded the APK into Amazon Store and noticed that on the latest Fire HD 10 (7th Generation), the app always try to take pictures using the back camera, and I have to always manually switch to the front camera.

The camera options used is


 const options: CameraOptions = {
            destinationType: this.camera.DestinationType.DATA_URL,
            targetWidth: AppConstant.PHOTO_PREVIEW_WIDTH,
            targetHeight: AppConstant.PHOTO_PREVIEW_HEIGHT,
            allowEdit: false,
            correctOrientation: true,
            quality: AppConstant.PHOTO_QUALITY,
            mediaType: this.camera.MediaType.PICTURE,
            encodingType: this.camera.EncodingType.JPEG,
            saveToPhotoAlbum: false,
            cameraDirection: this.camera.Direction.FRONT 
        }

Note that all works well in normal Android devices i.e. front camera is used.

For the Fire HD 10 tablet, I need to switch to the front camera every time which is annoying.

It would be great if FireOS could behave like others and just use the front camera by default

Posts: 1

Participants: 1

Read full topic

Barcode Scanner was giving a run time error

$
0
0

@dogac wrote:

I imported import { BarcodeScanner } from ‘@ionic-native/barcode-scanner/ngx’; and I installed barcode scanner ngx. While it was scanning in another project, it does not work in a bigger project.

ERROR TypeError: Object(…) is not a function at BarcodeScanner.scan (index.js:31) at HomePage.webpackJsonp.31.HomePage.scanCode (home.ts:64) at Object.eval [as handleEvent] (HomePage.html:63) at handleEvent (core.js:13547) at callWithDebugContext (core.js:15056) at Object.debugHandleEvent [as handleEvent] (core.js:14643) at dispatchEvent (core.js:9962) at core.js:10587 at HTMLButtonElement. (platform-browser.js:2628) at t.invokeTask (polyfills.js:3)

here is my ionic info:
Ionic:

Ionic CLI : 5.2.3 (C:\Users\Dogaç\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : ionic-angular 3.9.2
@ionic/app-scripts : 3.2.4

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : ios 4.5.5
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.2, cordova-plugin-ionic-webview 1.2.1, (and 8 other plugins)

Utility:

cordova-res : not installed
native-run : 0.2.8

System:

NodeJS : v10.16.0 (C:\Program Files\nodejs\node.exe)
npm : 6.9.0
OS : Windows 10

home.html content: <button ion-button full icon-left (click)=“scanCode()” expand=“full” size=“large” color=“dark”>
Scan barcode

home.ts

scanCode(){
this.BarcodeScanner.scan().then(data => {
// this is called when a barcode is found
this.scannedCode = data.text
console.log(this.scannedCode);
});
}

Posts: 1

Participants: 1

Read full topic

Performance : Only include one style

$
0
0

@Dinath1 wrote:

I had some CSS issues on an older tablet (Android 4.2). I read on the internet that since I need only md style, I should not embed for example ios style in my app.

My www/svg/ folder is full of ios icons, so I guess some css / js for ios are included as well. How can I remove unnecessary images/css/js?

I tried that unsucessfully :

Any help would be grealty appreciated :slight_smile:

Posts: 1

Participants: 1

Read full topic

Screen orientation not detected in ionic 4

$
0
0

@jai-g wrote:

Used the below implementation for screen rotation plugin:
import { ScreenOrientation } from ‘@ionic-native/screen-orientation/ngx’;
Below
this.screenOrientation.onChange().subscribe(
() => {
console.log(‘Orientation Changed’);
}
);

Error:
ERROR TypeError: Invalid event target
at setupSubscription (fromEvent.js:50)
at Observable._subscribe (fromEvent.js:24)
at Observable.push…/node_modules/rxjs/_esm5/internal/Observable.js.Observable._trySubscribe (Observable.js:43)
at Observable.push…/node_modules/rxjs/_esm5/internal/Observable.js.Observable.subscribe (Observable.js:29)
at ProjectListPage.push…/src/app/page-routing/project-list/project-list.page.ts.ProjectListPage.ngAfterViewInit (project-list.page.ts:60)
at callProviderLifecycles (core.js:22416)
at callElementProvidersLifecycles (core.js:22390)
at callLifecycleHooksChildrenFirst (core.js:22380)
at checkAndUpdateView (core.js:23316)
at callWithDebugContext (core.js:24177)

Posts: 1

Participants: 1

Read full topic

Remote Ionic PWA app from scratch

$
0
0

@gonzalokonatech wrote:

Hello,

We are looking for one experience Ionic PWA developer to create and develop an app from scratch using a solid code structure and the best practices available.

The application will have few screens at the beginnig but it will increase in functionalities.

The app will be using Material Design and will call REST services.

Thanks

Posts: 2

Participants: 2

Read full topic

Ionic plugin not installed

$
0
0

@evripides wrote:

Hello!

I have an issue only with android build, when I running on emulator or device android I get the error that ALL plugins are not installed, on ios emulator or device I dont have this issue

Any idea?

Thanks
Evripides

Posts: 1

Participants: 1

Read full topic

Ionic4: Multiple Sliders Bug

$
0
0

@ignacioghRZ wrote:

Hello everyone!

I’m a bit of newbie and in the app, I am working on, I was able to set up all the ionic sliders I need within the app without a problem. The problem arises when the user goes through a certain flow which causes spacing issues. After many hours of troubleshooting, I’m a bit stuck atm. :confused:

Scenario 1:
When a user loads the app, it lands by default on the Create Account Screen. Then they click next, and enter an onboarding flow, which contains 3 slides. At the end of the 3rd slide, they get alerted with a prompt and redirected to the dashboard.

Issue: After going through the onboarding slider, when loading or using any other sliders or tabs on any other pages within the app, they do not load the spacing settings established in the ts file.

Scenario 2:
When a user loads the app, and they click on the Login Button in the Create Account Screen, the user gets directed to the dashboard. If the user goes through this path, all sliders look and behave as intended. No problem here.

Im not sure why when a user goes through Scenario 1, this issue occurs. I’m a bit confused at the moment and any insight or help will be greatly appreciated. Thank you!

Posts: 2

Participants: 1

Read full topic


Ion-range showing anything

$
0
0

@ramonzo wrote:

Hi. I’m trying to use ionic range tag , but not showing.

I try very examples but nothing works… Literally appears a box with numbers, but not show the input.

I try everything…

my code:

0
5

and js:
$scope.profile = {rate:5};

Posts: 1

Participants: 1

Read full topic

Is app/app.module.ts included in a new deploy?

$
0
0

@timk wrote:

When I added a new module, I forgot to add the necessary lines in app/app.module.ts. Can I just do a new deploy to fix this, or do I have to recompile a new package?

Come to think of it, which files are included in a new deploy? Everything in /src ?

Posts: 2

Participants: 1

Read full topic

Instagram Sharing to Stories

$
0
0

@Cloutr wrote:

Instagram Platform recently released their new docs for sharing to Instagram stories (Docs).

I couldn’t find any method to do this on web or any resources for using custom URL schemes or Implicit intents through Ionic Studio or Framework.

Any links to existing docs or additional help would be greatly appreciated

Posts: 1

Participants: 1

Read full topic

Change background color of ion-item-sliding

Resolution implementing on android studio!

$
0
0

@droggam wrote:

are there any working solutions for the Ionic capacitor, native.
I’m building an HTML game and porting it to android
Is there a workaround right now I have to resize to fit the android screen by clicking on the screen to get to next scene, I used landscape, but the first window seems to get screen height and weight from portrait mode
plz, feel free to help out!

Posts: 1

Participants: 1

Read full topic

Viewing all 70442 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>