Using the --prod flag in Ionic 3 app on Android 7 results in the Keyboard not being displayed

After running the command 

ionic cordova run android --device
, everything functions properly. However, when attempting the same command with the --prod flag, the input click fails to display the keyboard despite implementing the (onFocus) attribute in the <ion-input>.

Below is information regarding my Ionic setup:

cli packages: (C:\Users\Houssem\AppData\Roaming\npm\node_modules)

    @ionic/cli-utils  : 1.19.0
    ionic (Ionic CLI) : 3.19.0

global packages:

    cordova (Cordova CLI) : 7.1.0

local packages:

    @ionic/app-scripts : 3.1.4
    Cordova Platforms  : android 6.3.0
    Ionic Framework    : ionic-angular 3.9.2

System:

    Android SDK Tools : 26.1.1
    Node              : v8.9.3
    npm               : 5.5.1
    OS                : Windows 10

Environment Variables:

    ANDROID_HOME : C:\Users\Houssem\AppData\Local\Android\sdk

Misc:

    backend : pro
androidcordovatypescriptionic-frameworkionic3

Answer №1

Solution: Make sure to include 

@ionic/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="04657474297767477c74607744372a352a">[email protected]</a>
or a newer version in your setup.

Reasoning: Previous versions had a compatibility issue due to an injection of the uglify-es module. Version 3.1.7 addressed this by reverting to a compatible version of uglify-es.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Simple guide on implementing React with Typescript to support both a basic set of properties and an expanded one

I'm grappling with a React wrapper component that dynamically renders specific components based on the "variant" prop. Despite my efforts, I cannot seem to get the union type working properly. Here's a snippet of the code for the wrapper componen ...

javascriptreactjstypescript

Executing functions in TypeScript

I am facing an issue while trying to call a function through the click event in my template. The error message I receive is "get is not a function". Can someone help me identify where the problem lies? This is my template: <button class="btn btn-prima ...

htmlangularjstypescriptangulartypescript1.8

Creating a unique Angular 2 Custom Pipe tutorial

I've come across various instances of NG2 pipes online and decided to create one myself recently: @Pipe({name: 'planDatePipe'}) export class PlanDatePipe implements PipeTransform { transform(value: string): string { return sessionStor ...

javascripthtmlangulartypescriptangular2-pipe

What is the best way to animate the transparency of an Android View?

Does anyone know how to set the initial transparency for a TextView? I'm having trouble figuring it out. It's easy on iPhone/iOS with the alpha property, but on Android, I attempted using AlphaAnimation without success. The alpha simply reverts b ...

androidopacity

Troubleshooting: Android compatibility issue with Angular Capacitor iframe

Issue with loading iframe on Android using Angular and Capacitor I have been attempting to use two different iframes in various forums, but unfortunately, it has not resolved my issue. While everything looks fine on Chrome, the iframe fails to load on And ...

androidangularcapacitor

What is preventing Typescript from inferring the type when assigning the output of a method with a return type to a variable?

My reusable service has a public API with documentation and types to make client usage easier. interface Storable { setItem(key: string, value: string): any; getItem(key: string): string; removeItem(key: string): any; } @Injectable({ providedIn: & ...

angulartypescriptvisual-studio-codetypesinterface

How can I prevent node_module from being included when using the include directive in tsconfig.json?

Many developers are excluding the node_modules folder in their tsconfig.json. I, on the other hand, am using the include directive with specific folder patterns. Do I really need to exclude node_modules? And what about third-party libraries that aren' ...

typescriptnode-modulestsconfig

Error occurred while selecting images from the gallery: FileNotFoundException

I am encountering an issue while selecting images from the Gallery. The code snippet below is throwing a FileNotFoundException error. Although the code seems correct to me, I am unsure why this exception is being raised. Any help would be greatly appreciat ...

javaandroidgallery

Exploring the concept of union types and typeguards in TypeScript

I'm struggling with this code snippet: function test(): any[] | string { return [1,2] } let obj: any[] = test(); When I try to run it in vscode, I get the following error message: [ts] Type 'string | any[]' is not assignable to type & ...

javascriptangulartypescripttypes

ngModelChange not triggered when updating the model from a component

I am currently exploring Angular and trying to grasp the concept of connecting different controllers to update their values based on changes in one controller. In a specific scenario, I have a form with ngModel and I am attempting to utilize ngModelChange ...

angulartypescriptangular-material

Defining Objects in TypeScript

Within my TypeScript application, I currently have the following code: interface Data { url: string, // more stuff } (...) export class something() { public data: Data; } method(){ this.data.url = "things"; } However, every time I atte ...

typescript

Guide for releasing a typescript package compatible with both node and react applications

I have developed an authentication library in TypeScript which I have released on npm. My goal is to make this library compatible for use in both Node.js projects and React projects created with create-react-app. However, I am facing an issue where one of ...

node.jsreactjstypescriptcreate-react-appnpm-publish

A function injected into a constructor of a class causes an undefined error

As I delve into learning about utilizing typescript for constructing API's, I have encountered a couple of challenges at the moment. Initially, I have developed a fairly straightforward PostController Class that has the ability to accept a use-case wh ...

javascriptnode.jstypescriptexpressmongoose

Creating responsive HTML page text and table with the use of JavaScript

Trying to create a responsive webpage has been a bit challenging. I experimented with height,style.height, style.OffsetHeight, etc. but still struggling to dynamically make a square table. Although the code below changes the height, the table's width ...

javascripthtmlcsscordova

AngularJS Ionic slider not refreshing when using ng-repeat

I am currently utilizing an ion-slide-box with ng-repeat to display images fetched from a remote server. <ion-slide-box on-slide-changed="slideChanged(index)" auto-play="true" does-continue="true"> <ion-slide ng-repeat="slide in files"& ...

angularjsionic-framework

Locate a user within an array in Angular 5 by inputting a specific character into a textarea before initiating the search

I'm currently facing a situation with my textarea component... <textarea [(ngModel)]="message" id="commentBox" placeholder="Add your comment here..."></textarea> Additionally, I have a user list that retrieves data from an external API l ...

javascriptangulartypescript

Tips for concealing tick labels in d3 using TypeScript

When trying to hide tick labels by passing an empty string to the .tickFormat("") method, I encountered an issue with Typescript. The error message received was as follows: TS2769: No overload matches this call. Overload 1 of 3, '(format: null): Axi ...

javascriptreactjstypescriptd3.js

Develop interactive pages in your mobile app with the help of PhoneGap

I developed a PhoneGap mobile application with a few pre-defined "html pages" (I emphasized the quotes, as they are not traditional html files). Utilizing the onsen-ui framework allowed me to consolidate all of these "html" pages into ONE index.html file. ...

javascriptphpangularjscordovaphonegap-build

Transferring a JSON array from one activity to another using intents

I had a similar question before, but the solution didn't work for me. So I decided to ask again. My issue is with passing a JSONarray from one activity to another using an intent. In my code, I connect to a MySQL database and retrieve user data whic ...

androidjsonandroid-intentarrays

Guide to implementing AJAX for Google Maps with PhoneGap or Cordova

Recently, I put together a PHP file called maps.php, which includes a basic Google Maps API that seems to function properly on the iPad's built-in browser. However, when attempting to access it via Ajax, the page successfully loads yet fails to displ ...

ajaxgoogle-mapscordova