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

Ionic devapp - does not load the page - err_address_unreachable

$
0
0

@rishiy12k wrote:

Hi Team,
I am new to Ionic. I was trying to follow the tutorial to create an app as per this link - https://ionicframework.com/docs/angular/your-first-app/ios-android-camera

I am able to make the changes and view it on the browser. I have downloaded the ionic devapp on the mobile (Android Pie - Redmi Note 7 pro and Android Nougat - Redmi Y1). It detects the app when I run it from the console(Windows 10).

When I click on the app, it shows - err_address_unreachable

I have disabled firewall and it still does not work.

Please help!!

Thanks,
Rishi

Posts: 1

Participants: 1

Read full topic


Ionic hub build on cloud android error

$
0
0

@Sevensnake77 wrote:

Kind of new to ionic but not to angular. builds ok on my local when using the cloud i get this error below.
onic:

Ionic CLI : 5.2.6 (C:\Users\Seven\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : @ionic/angular 4.8.0
@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 : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : not available
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 11 other plugins)

Utility:

cordova-res : 0.6.0
native-run : 0.2.8

System:

Android SDK Tools : 26.1.1 (C:\Android\android-sdk)
NodeJS : v10.15.3 (C:\Program Files\nodejs\node.exe)
npm : 6.11.2
OS : Windows 10

:boom: | build_android_cordova | 2 |
±-----±----------------------±------------+

[22:34:46]: fastlane finished with errors

Looking for related GitHub issues on fastlane/fastlane…

/var/lib/gems/2.3.0/gems/fastlane-2.126.0/fastlane_core/lib/fastlane_core/ui/interface.rb:153:in `shell_error!’: [!] Shell command exited with exit status 1 instead of 0. (FastlaneCore::Interface::FastlaneShellError)

You have been opted out of telemetry. To change this, run: cordova telemetry on.
Using cordova-fetch for cordova-android@^8.0.0
Adding android project…
Creating Cordova project for the Android platform:
Path: platforms/android
Package: com.universalbodyofchrist.unique
Name: BOCC
Activity: MainActivity
Android target: android-28
Subproject Path: CordovaLib
Subproject Path: app
Android project created with cordova-android@8.0.0
Installing “cordova-plugin-advanced-http” for android
Plugin dependency “cordova-plugin-file@6.0.2” already fetched, using that version.
Installing “cordova-plugin-file” for android

The Android Persistent storage location now defaults to “Internal”. Please check this plugin’s README to see if your application needs any changes in its config.xml.

If this is a new application no changes are required.

If this is an update to an existing application that did not specify an “AndroidPersistentFileLocation” you may need to add:

  ""

to config.xml in order for the application to find previously stored files.

Subproject Path: CordovaLib
Subproject Path: app
Installing “cordova-plugin-android-permissions” for android
Installing “cordova-plugin-device” for android
Dependent plugin “cordova-plugin-file” already installed on android.
Installing “cordova-plugin-file-transfer” for android
Plugin dependency “cordova-plugin-file@6.0.2” already fetched, using that version.
Dependent plugin “cordova-plugin-file” already installed on android.
Installing “cordova-plugin-inappbrowser” for android
Installing “cordova-plugin-ionic-keyboard” for android
Installing “cordova-plugin-ionic-webview” for android
Subproject Path: CordovaLib
Subproject Path: app
Installing “cordova-plugin-media” for android
Plugin dependency “cordova-plugin-file@6.0.2” already fetched, using that version.
Dependent plugin “cordova-plugin-file” already installed on android.
Installing “cordova-plugin-splashscreen” for android
Installing “cordova-plugin-statusbar” for android
Installing “cordova-plugin-whitelist” for android
Installing “cordova-plugin-youtube-video-player” for android
Error during processing of action! Attempting to revert…
Failed to install ‘cordova-plugin-youtube-video-player’: CordovaError: Uh oh!
“/builds/Sevensnake/audioApp/plugins/cordova-plugin-youtube-video-player/platforms/android/src/com/bunkerpalace/cordova/YouTubeActivity.java” not found!
at copyFile (/builds/Sevensnake/audioApp/platforms/android/cordova/lib/pluginHandlers.js:208:36)
at copyNewFile (/builds/Sevensnake/audioApp/platforms/android/cordova/lib/pluginHandlers.js:236:5)
at install (/builds/Sevensnake/audioApp/platforms/android/cordova/lib/pluginHandlers.js:34:17)
at ActionStack.process (/builds/Sevensnake/audioApp/node_modules/cordova-common/src/ActionStack.js:56:25)
at PluginManager.doOperation (/builds/Sevensnake/audioApp/node_modules/cordova-common/src/PluginManager.js:114:20)
at PluginManager.addPlugin (/builds/Sevensnake/audioApp/node_modules/cordova-common/src/PluginManager.js:144:17)
at /builds/Sevensnake/audioApp/platforms/android/cordova/Api.js:212:74
at _fulfilled (/builds/Sevensnake/audioApp/node_modules/q/q.js:854:54)
at /builds/Sevensnake/audioApp/node_modules/q/q.js:883:30
at Promise.promise.promiseDispatch (/builds/Sevensnake/audioApp/node_modules/q/q.js:816:13)
Uh oh!
“/builds/Sevensnake/audioApp/plugins/cordova-plugin-youtube-video-player/platforms/android/src/com/bunkerpalace/cordova/YouTubeActivity.java” not found!

from /var/lib/gems/2.3.0/gems/fastlane-2.126.0/fastlane_core/lib/fastlane_core/ui/ui.rb:17:in `method_missing'
from /var/lib/gems/2.3.0/gems/fastlane-2.126.0/fastlane/lib/fastlane/helper/sh_helper.rb:80:in `sh_control_output'
from /builds/Sevensnake/audioApp/fastlane/actions/safe_sh.rb:27:in `run'
from /builds/Sevensnake/audioApp/fastlane/actions/build_android_cordova.rb:6:in `run'
from /var/lib/gems/2.3.0/gems/fastlane-2.126.0/fastlane/lib/fastlane/runner.rb:256:in `block (2 levels) in execute_action'
from /var/lib/gems/2.3.0/gems/fastlane-2.126.0/fastlane/lib/fastlane/actions/actions_helper.rb:50:in `execute_action'
from /var/lib/gems/2.3.0/gems/fastlane-2.126.0/fastlane/lib/fastlane/runner.rb:235:in `block in execute_action'
from /var/lib/gems/2.3.0/gems/fastlane-2.126.0/fastlane/lib/fastlane/runner.rb:227:in `chdir'
from /var/lib/gems/2.3.0/gems/fastlane-2.126.0/fastlane/lib/fastlane/runner.rb:227:in `execute_action'
from /var/lib/gems/2.3.0/gems/fastlane-2.126.0/fastlane/lib/fastlane/runner.rb:157:in `trigger_action_by_name'
from /var/lib/gems/2.3.0/gems/fastlane-2.126.0/fastlane/lib/fastlane/fast_file.rb:154:in `method_missing'
from Fastfile:133:in `block (2 levels) in parsing_binding'
from /var/lib/gems/2.3.0/gems/fastlane-2.126.0/fastlane/lib/fastlane/lane.rb:33:in `call'
from /var/lib/gems/2.3.0/gems/fastlane-2.126.0/fastlane/lib/fastlane/runner.rb:49:in `block in execute'
from /var/lib/gems/2.3.0/gems/fastlane-2.126.0/fastlane/lib/fastlane/runner.rb:45:in `chdir'
from /var/lib/gems/2.3.0/gems/fastlane-2.126.0/fastlane/lib/fastlane/runner.rb:45:in `execute'
from /var/lib/gems/2.3.0/gems/fastlane-2.126.0/fastlane/lib/fastlane/lane_manager.rb:56:in `cruise_lane'
from /var/lib/gems/2.3.0/gems/fastlane-2.126.0/fastlane/lib/fastlane/command_line_handler.rb:36:in `handle'
from /var/lib/gems/2.3.0/gems/fastlane-2.126.0/fastlane/lib/fastlane/commands_generator.rb:108:in `block (2 levels) in run'
from /var/lib/gems/2.3.0/gems/commander-fastlane-4.4.6/lib/commander/command.rb:178:in `call'
from /var/lib/gems/2.3.0/gems/commander-fastlane-4.4.6/lib/commander/command.rb:153:in `run'
from /var/lib/gems/2.3.0/gems/commander-fastlane-4.4.6/lib/commander/runner.rb:476:in `run_active_command'
from /var/lib/gems/2.3.0/gems/fastlane-2.126.0/fastlane_core/lib/fastlane_core/ui/fastlane_runner.rb:76:in `run!'
from /var/lib/gems/2.3.0/gems/commander-fastlane-4.4.6/lib/commander/delegates.rb:15:in `run!'
from /var/lib/gems/2.3.0/gems/fastlane-2.126.0/fastlane/lib/fastlane/commands_generator.rb:333:in `run'
from /var/lib/gems/2.3.0/gems/fastlane-2.126.0/fastlane/lib/fastlane/commands_generator.rb:41:in `start'
from /var/lib/gems/2.3.0/gems/fastlane-2.126.0/fastlane/lib/fastlane/cli_tools_distributor.rb:119:in `take_off'
from /var/lib/gems/2.3.0/gems/fastlane-2.126.0/bin/fastlane:23:in `'
from /usr/local/bin/fastlane:22:in `load'
from /usr/local/bin/fastlane:22:in `


Running after script…
$ run “clean-up”
ERROR: Job failed: command terminated with exit code 1

Posts: 1

Participants: 1

Read full topic

Problems with CORS V4

$
0
0

@rafaelmoura wrote:

I’ve try all way but without success resolve this problem

I have the following API (local) in Laravel

http://127.0.0.1:8000/api/v1/login

I’m using ionic lab
http://localhost:8200/

and show this error
Access to XMLHttpRequest at ‘http://127.0.0.1:8000/api/v1/login’ from origin ‘http://localhost:8100’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

In my service authentication

  login(user: User) {
    return this.http.post<User>(environment.url + '/login', user)
  }

Already input proxie

 "proxies": [
    {
      "path": "/v1",
      "proxyUrl": "http://127.0.0.1:8000/api/v1"
    }
  ]

and nothing
already input in CORS in Middleware and nothing

header('Access-Control-Allow-Origin: http://localhost:8100, http://localhost:8200');
            header('Access-Control-Allow-Methods: GET, POST, PUT, PATCH, DELETE');
            header('Access-Control-Allow-Headers: Origin, Content-Type, X-Auth-Token');

How to resolve it?

Posts: 1

Participants: 1

Read full topic

ZuckJS Working but Invalid View to Insert

Run Time Error on Real Android Device

$
0
0

@Jackfarrum wrote:

I have an Ionic 4 app which has the php(mySql) as a backend. App working fine with ionic serve --lab(using CORS extension) but when i build this app with ionic cordova build android, .apk file installs and open its static pages correctly but when i click on any of the component which accesses the server it doesn’t work then. Why this is happening? How to debug then? Plz help

Posts: 1

Participants: 1

Read full topic

Ionic 4 images slider with angular 7

'ionic serve' fails on AWS EC2 RHEL8; possible security group issue

$
0
0

@jyc4836 wrote:

  1. Symptom: Command ‘ionic serve’ fails on AWS EC2 instance with RHEL 8. The browser says the connection is refused.

  2. Message:

> ng run app:serve --host=localhost --port=8100
[ng] ℹ 「wds」: Project is running at http://localhost:8100/webpack-dev-server/
[ng] ℹ 「wds」: webpack output is served from /
[ng] ℹ 「wds」: 404s will fallback to //index.html

Additionally, the same message comes out when I successfully ran the same command on Win 10; but there were some more like below:

[ng] chunk {common} common.js, common.js.map (common) 22.9 kB  [rendered]
[ng] chunk {core-js-js} core-js-js.js, core-js-js.js.map (core-js-js) 77.9 kB  [rendered]
[ng] chunk {css-shim-3ea8955c-3ea8955c-js} css-shim-3ea8955c-3ea8955c-js.js, css-shim-3ea8955c-3ea8955c-js.js.map (css-shim-3ea8955c-3ea8955c-js) 20.7 kB  [rendered]
...
  1. IONIC info:
   Ionic CLI                     : 5.2.5 (/usr/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.7.1
   @angular-devkit/build-angular : 0.801.3
   @angular-devkit/schematics    : 8.1.3
   @angular/cli                  : 8.1.3
   @ionic/angular-toolkit        : 2.0.0

Utility:

   cordova-res : not installed
   native-run  : not installed

System:

   NodeJS : v10.14.1 (/usr/bin/node)
   npm    : 6.4.1
   OS     : Linux 4.18
  1. Security group on AWS:
    Inbound: HTTP 80 and SSH 20 to my computer IP and TCP 8100 to all IPs.
    Outbound: HTTP 80 and TCP 8100 to all IPs.

Does anyone have an idea to check out what make the problem? Any comment will be appreciated.

Posts: 1

Participants: 1

Read full topic

Prevent Save the image to sd card in cordova camera plugin

$
0
0

@fairojm wrote:

I want the base64 string only from the camera. but the image is automatically saved in Sd Card. How to prevent saving the image to Sd card. Here is the code used

const options = {
quality: 100,
destinationType: this.camera.DestinationType.DATA_URL,
targetWidth: 500,
targetHeight: 600,
correctOrientation: true,
encodingType: this.camera.EncodingType.PNG,
saveToPhotoAlbum:false
};
return this.camera.getPicture(options).then(imageData => {
const base64Image = ‘data:image/png;base64,’ + imageData;
return base64Image;
}, error => {
console.log('CAMERA ERROR -> ’ + JSON.stringify(error));
return “error”
});

i use the saveToPhotoAlbum:false in camera option still the image is saved and shown in gallery.

Posts: 1

Participants: 1

Read full topic


App is in forground or background

$
0
0

@Harikag wrote:

Hi, How to know whether app is running in foreground or background(like resume, pause etc states).
So please help me with any example . Thanks in advance.

Posts: 1

Participants: 1

Read full topic

Real-Time Update NOT working on real iOS device

$
0
0

@agileact-admin wrote:

When I using AppFlow Real-Time Update in Xcode with iOS simulator or connecting with real iOS device, the update works.
However, if disconnected with Xcode, the real iOS device can NOT get the Real-Time Update anymore.
And I am using Capacitor.

from https://dashboard.ionicframework.com --> Usage this month, it still shows ‘0 USED’, and no deploy history there.
Whether the Real-Time Update only works on the package build made by AppFlow? I am testing with the app build by Xcode only.
Any idea?

Thanks in advance.

Posts: 1

Participants: 1

Read full topic

Cordova build android - Error

$
0
0

@Maheshvy wrote:

Hi Team ,

We are getting the below certificate error after removing all proxy from corporate network .

To resolving this we downloaded certificate from browser and installed using keytool .

Please let me know any solution ASAP, still we are facing the same issue to build android .

Thank you in advance :slight_smile: .

Error :

Task :CordovaLib:checkDebugManifest UP-TO-DATE
Task :CordovaLib:processDebugManifest UP-TO-DATE
Task :app:preDebugBuild
FAILURE: Build failed with an exception.

  • What went wrong:
    FAILED
    Could not resolve all files for configuration ‘:app:debugCompileClasspath’.

Could not resolve com.android.support:support-v4:26.+.
Required by:
project :app
Failed to list versions for com.android.support:support-v4.
Unable to load Maven meta-data from https://repo.maven.apache.org/maven2/com/android/support/support-v4/maven-metadata.xml.
Could not get resource ‘https://repo.maven.apache.org/maven2/com/android/support/support-v4/maven-metadata.xml’.
Could not GET ‘https://repo.maven.apache.org/maven2/com/android/support/support-v4/maven-metadata.xml’.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target
Failed to list versions for com.android.support:support-v4.
Unable to load Maven meta-data from https://repo.maven.apache.org/maven2/com/android/support/support-v4/maven-metadata.xml.
Could not get resource ‘https://repo.maven.apache.org/maven2/com/android/support/support-v4/maven-metadata.xml’.
Could not GET ‘https://repo.maven.apache.org/maven2/com/android/support/support-v4/maven-metadata.xml’.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target
Failed to list versions for com.android.support:support-v4.
Unable to load Maven meta-data from https://maven.localytics.com/public/com/android/support/support-v4/maven-metadata.xml.
Could not get resource ‘https://maven.localytics.com/public/com/android/support/support-v4/maven-metadata.xml’.
Could not GET ‘https://maven.localytics.com/public/com/android/support/support-v4/maven-metadata.xml’.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target
Failed to list versions for com.android.support:support-v4.
Unable to load Maven meta-data from https://repo.maven.apache.org/maven2/com/android/support/support-v4/maven-metadata.xml.
Could not get resource ‘https://repo.maven.apache.org/maven2/com/android/support/support-v4/maven-metadata.xml’.
Could not GET ‘https://repo.maven.apache.org/maven2/com/android/support/support-v4/maven-metadata.xml’.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target
Failed to list versions for com.android.support:support-v4.
Unable to load Maven meta-data from https://repo.maven.apache.org/maven2/com/android/support/support-v4/maven-metadata.xml.
Could not get resource ‘https://repo.maven.apache.org/maven2/com/android/support/support-v4/maven-metadata.xml’.
Could not GET ‘https://repo.maven.apache.org/maven2/com/android/support/support-v4/maven-metadata.xml’.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target
Could not resolve com.android.support:appcompat-v7:26.+.
Required by:
project :app
Failed to list versions for com.android.support:appcompat-v7.
Unable to load Maven meta-data from https://repo.maven.apache.org/maven2/com/android/support/appcompat-v7/maven-metadata.xml.
Could not get resource ‘https://repo.maven.apache.org/maven2/com/android/support/appcompat-v7/maven-metadata.xml’.
Could not GET ‘https://repo.maven.apache.org/maven2/com/android/support/appcompat-v7/maven-metadata.xml’.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target
Failed to list versions for com.android.support:appcompat-v7.
Unable to load Maven meta-data from https://repo.maven.apache.org/maven2/com/android/support/appcompat-v7/maven-metadata.xml.
Could not get resource ‘https://repo.maven.apache.org/maven2/com/android/support/appcompat-v7/maven-metadata.xml’.3 actionable tasks: 1 executed, 2 up-to-date

        > Could not GET 'https://repo.maven.apache.org/maven2/com/android/support/appcompat-v7/maven-metadata.xml'.
           > sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target

Failed to list versions for com.android.support:appcompat-v7.
Unable to load Maven meta-data from https://maven.localytics.com/public/com/android/support/appcompat-v7/maven-metadata.xml.
Could not get resource ‘https://maven.localytics.com/public/com/android/support/appcompat-v7/maven-metadata.xml’.
Could not GET ‘https://maven.localytics.com/public/com/android/support/appcompat-v7/maven-metadata.xml’.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target
Failed to list versions for com.android.support:appcompat-v7.
Unable to load Maven meta-data from https://repo.maven.apache.org/maven2/com/android/support/appcompat-v7/maven-metadata.xml.
Could not get resource ‘https://repo.maven.apache.org/maven2/com/android/support/appcompat-v7/maven-metadata.xml’.
Could not GET ‘https://repo.maven.apache.org/maven2/com/android/support/appcompat-v7/maven-metadata.xml’.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target
Failed to list versions for com.android.support:appcompat-v7.
Unable to load Maven meta-data from https://repo.maven.apache.org/maven2/com/android/support/appcompat-v7/maven-metadata.xml.
Could not get resource ‘https://repo.maven.apache.org/maven2/com/android/support/appcompat-v7/maven-metadata.xml’.
Could not GET ‘https://repo.maven.apache.org/maven2/com/android/support/appcompat-v7/maven-metadata.xml’.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target

  • Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

  • Get more help at https://help.gradle.org

Posts: 1

Participants: 1

Read full topic

CSS Optimization Question

$
0
0

@Astrix wrote:

Hi,

I have the below CSS code as a background in my Ionic project.
Unfortunately, the code (while tested on the phone) stutters quite badly, and the low fps makes other functions in my app unusable.

HTML Cide

<div class="scene">
    <div class="wrap">
        <div class="wall wall-right"></div>
        <div class="wall wall-left"></div>   
        <div class="wall wall-top"></div>
        <div class="wall wall-bottom"></div> 
        <div class="wall wall-back"></div>    
    </div>
    <div class="wrap">
        <div class="wall wall-right"></div>
        <div class="wall wall-left"></div>   
        <div class="wall wall-top"></div>
        <div class="wall wall-bottom"></div>   
        <div class="wall wall-back"></div>    
    </div>
  </div>

CSS Code
//Please note, that the jpg used below, to have the swirling effect is a ~800x400 low res picture

	
.wall {
    background-image: url('../assets/imgs/4.jpg');
    background-size: cover;
    //pointer-events: none;
    position: absolute;
  }


  .scene {
    //	left: 50%; top: 50%;
    left: 50%; top: 50%;
    display: inline-block;
    vertical-align: middle;
    perspective: 5px;
   // perspective-origin: 50% 50%;
    position: absolute;
    z-index: -10;

  }
  
  .wrap {
    position: absolute;
    width: 1000px;
    height: 1000px;
    left: -500px;
    top: -500px;
    transform-style: preserve-3d;
    -webkit-animation: move 350s infinite linear;
    -webkit-animation-fill-mode: forwards;
  }
  
  .wrap:nth-child(2){
    -webkit-animation: move 350s infinite linear;
    animation-delay: 6s;
  }
  
  .wall{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    opacity: 0;
    //animation: fade 350s infinite linear;
    -webkit-animation: fade 350s infinite linear;
    


    // -webkit-animation: fadeinout 4s linear forwards;
    // animation: fadeinout 4s linear forwards;


    animation-delay: 0;
  }
  
  .wrap:nth-child(2) .wall {
    animation-delay: 6s;
  }
  
  .wall-right {
    transform: rotate3d(0,1,0,90deg) translate3d(0,0,500px);
  }
  
  .wall-left {
    transform: rotate3d(0,1,0,-90deg) translate3d(0,0,500px);
  }
  
  .wall-top {
    transform: rotate3d(1,0,0,90deg) translate3d(0,0,500px);
  }
  
  .wall-bottom {
    transform: rotate3d(1,0,0,-90deg) translate3d(0,0,500px);
  }
  
  .wall-back {
    transform: rotate3d(1,0,0,180deg) translate3d(0,0,500px);
  }

  @-webkit-keyframes move {
    0%{
      -webkit-transform: translate3d(0,0,-500px) rotate(0deg);
    }
    100%{
      -webkit-transform: translate3d(0,0,500px) rotate(0deg);
    }
  }
  
  @keyframes move {
    0%{
      -webkit-transform: translate3d(0,0,-500px) rotate(0deg);
    }
    100%{
      -webkit-transform: translate3d(0,0,500px) rotate(0deg);
    }
  }
  

  @-webkit-keyframes fade {
    0%{
      opacity: 0;
    }
    25% {
      opacity: 1;
    }
    75% {
      opacity: 1;
    }
    100%{
      opacity: 0;
    }
  }
  
  @keyframes fade {
    0%{
      opacity: 0;
    }
    25% {
      opacity: 1;
    }
    75% {
      opacity: 1;
    }
    100%{
      opacity: 0;
    }
  }
	

Could someone help me optimizing the above code to mobile devices for maximum performance?
What causes the bad performance/what is taxing for the handheld devices in the above?

Kindly note if you have questions for this.

Thank you very much in advance.

Posts: 1

Participants: 1

Read full topic

IOS Build Vs Apple Connect Removing iPad

$
0
0

@mtnoronha7 wrote:

Guys,

I read here in the forum that to remove Ipad support from IConnect, we should add this line to config.xml:

<preference name="target-device" value="handset" />

And I did… Generated a new build, but on Apple Store Connect:

I tried editing, on “View All Sizes in Media Manager”:

Unmarked the checkbox, but cant ‘Delete all’ devices.

Did I miss something?

Posts: 1

Participants: 1

Read full topic

Ionic JWT generation

$
0
0

@netogerbi wrote:

I know that JWT should be generated in the backend, however i need to generate it in the front-end, because the app runs fully offline and when connected it sends and receive data to/from backend.

I don’t know if it’s correct, but I’m trying to generate jwt inside ionic app and then send the jwt to backend to be validated to transfer data.

Anyone could help me and tell me a library to generate JWT inside ionic app or give an idea on how can i resolve this?

its important that the app should work without internet connection. i has internet connection just sometimes.

Thank you very much.

Posts: 1

Participants: 1

Read full topic

Ionic livereload ERROR – "cordova_not_available" with cli 5.2.5

$
0
0

@FredBTemia wrote:

Hi,

This is a very old issue with live reload and native puglins. I try to use the live reload with the BLE plugin and I always receive this error.

I dont know if it’s a regression and if this bug has been addressed in the past, but today it is not working.

{
	"name": "TestIOS",
	"version": "0.0.1",
	"author": "Ionic Framework",
	"homepage": "https://ionicframework.com/",
	"scripts": {
		"ng": "ng",
		"start": "ng serve",
		"build": "ng build",
		"test": "ng test",
		"lint": "ng lint",
		"e2e": "ng e2e"
	},
	"private": true,
	"dependencies": {
		"@angular/common": "~8.2.3",
		"@angular/compiler": "~8.2.3",
		"@angular/core": "~8.2.3",
		"@angular/forms": "~8.2.3",
		"@angular/platform-browser": "~8.2.3",
		"@angular/platform-browser-dynamic": "~8.2.3",
		"@angular/router": "~8.2.3",
		"@ionic-native/ble": "^5.9.0",
		"@ionic-native/core": "^5.12.0",
		"@ionic-native/splash-screen": "^5.12.0",
		"@ionic-native/status-bar": "^5.12.0",
		"@ionic/angular": "^4.8.0",
		"cordova-ios": "^5.0.1",
		"cordova-plugin-ble-central": "^1.2.2",
		"cordova-plugin-compat": "^1.2.0",
		"core-js": "^2.5.4",
		"device": "0.3.9",
		"rxjs": "~6.5.2",
		"tslib": "^1.9.0",
		"zone.js": "~0.9.1"
	},
	"devDependencies": {
		"@angular-devkit/architect": "~0.801.2",
		"@angular-devkit/build-angular": "~0.801.2",
		"@angular-devkit/core": "~8.3.0",
		"@angular-devkit/schematics": "~8.3.0",
		"@angular/cli": "~8.3.0",
		"@angular/compiler": "~8.2.3",
		"@angular/compiler-cli": "~8.2.3",
		"@angular/language-service": "~8.2.3",
		"@ionic/angular-toolkit": "~2.0.0",
		"@types/jasmine": "~3.3.8",
		"@types/jasminewd2": "~2.0.3",
		"@types/node": "~8.9.4",
		"codelyzer": "^5.0.0",
		"cordova-plugin-device": "^2.0.2",
		"cordova-plugin-ionic-keyboard": "^2.0.5",
		"cordova-plugin-ionic-webview": "^4.0.0",
		"cordova-plugin-splashscreen": "5.0.2",
		"cordova-plugin-statusbar": "^2.4.2",
		"cordova-plugin-whitelist": "^1.3.3",
		"jasmine-core": "~3.4.0",
		"jasmine-spec-reporter": "~4.2.1",
		"karma": "~4.1.0",
		"karma-chrome-launcher": "~2.2.0",
		"karma-coverage-istanbul-reporter": "~2.0.1",
		"karma-jasmine": "~2.0.1",
		"karma-jasmine-html-reporter": "^1.4.0",
		"protractor": "~5.4.0",
		"ts-node": "~7.0.0",
		"tslint": "~5.15.0",
		"typescript": "~3.4.3"
	},
	"description": "An Ionic project",
	"cordova": {
		"plugins": {
			"cordova-plugin-whitelist": {},
			"cordova-plugin-statusbar": {},
			"cordova-plugin-device": {},
			"cordova-plugin-splashscreen": {},
			"cordova-plugin-ionic-webview": {},
			"cordova-plugin-ionic-keyboard": {},
			"cordova-plugin-ble-central": {
				"BLUETOOTH_USAGE_DESCRIPTION": " "
			}
		},
		"platforms": [
			"ios"
		]
	}
}

[WDS] Live Reloading enabled.
ERROR – “cordova_not_available”

Thanks,

Posts: 1

Participants: 1

Read full topic


'FBSDKCoreKit/FBSDKCoreKit.h' file not found / Firebase Facebook LogIn

Moving libraries outside vendor.js to reduce its size

$
0
0

@caio1985 wrote:

Hi,

My vendor.js after I build it with flags: --minifyjs --minifycss --release --aot --prod --optimizejs is 3.8MB. As my app is a PWA (browser based) it takes quite some time for devices running on slow networks to be able to start using the website.

I used source-map-explorer to see which libraries are bloating up the vendor.js file and I see that two libraries are playing a big role: survey.angular.js.pre-build-optimizer.js (685Kb) and ChartNew.js (300Kb).

My question is: is there a way I can load these two libraries later on when I need them instead of in the beginning inside vendor.js? My idea is to reduce vendor.js to the minimum I need to start the app, and other libraries I can load later on, when needed.

Thanks

Posts: 1

Participants: 1

Read full topic

Steciljs Favicon

$
0
0

@JEricaM wrote:

How can I change the Favicon of a Stencil PWA ?
I’ve changed the favicon.ico file inside src/assets/icon and done npm run build

Inside www/assets/icon all the files, also favicon.ico has change correctly, but when I check my pwa with npm start, the favicon it’s the older one.

I don’t get how to change it. Can someone help? Thank you.

Posts: 1

Participants: 1

Read full topic

How to change colour in ionic cdn?

$
0
0

@Neoneer wrote:

hey there

i am using ionic for a website (web app)
only for designing

but now want to use another colour the default how can i do it in cdn

Posts: 1

Participants: 1

Read full topic

Open m3u file

$
0
0

@ferdinandpc wrote:

Hi, I am trying to open a m3u video file stored inside the application, but I would like to open it with another application player like mx player or vlc. I tried with FileOpener but nothing, loading the black screen … I also tried the embedded StreamingMedia player with the same result, loading the black screen … Some one can help me?

Posts: 1

Participants: 1

Read full topic

Viewing all 70904 articles
Browse latest View live


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