Quantcast
Channel: Ionic Framework - Ionic Forum
Viewing all 49247 articles
Browse latest View live
↧

[ERROR] ionic-app-scripts has unexpectedly closed (exit code 1)

March 3, 2020, 11:20 am
$
0
0

@Adarsh-Bellary wrote:

After clicking on running “ionic serve” on node command getting below error

[WARN] Detected locally installed Ionic CLI, but it’s too old–using global CLI.

ionic-app-scripts.cmd serve --address localhost --port 8101 --livereload-port 35729 --dev-logger-port 53703 --nobrowser
[app-scripts] internal/modules/cjs/loader.js:628
[app-scripts] throw err;
[app-scripts] ^
[app-scripts] Error: Cannot find module ‘C:\Users\lenovo\ionic-location-sharing-master\node_modules@ionic\app-scripts\bin\ionic-app-scripts.js’
[app-scripts] at Function.Module._resolveFilename (internal/modules/cjs/loader.js:625:15)
[app-scripts] at Function.Module._load (internal/modules/cjs/loader.js:527:27)
[app-scripts] at Function.Module.runMain (internal/modules/cjs/loader.js:839:10)
[app-scripts] at internal/main/run_main_module.js:17:11 {
[app-scripts] code: ‘MODULE_NOT_FOUND’,
[app-scripts] requireStack:
[app-scripts] }

[ERROR] ionic-app-scripts has unexpectedly closed (exit code 1).

    The Ionic CLI will exit. Please check any output above for error details.

I am using ionic 3.20.1

Posts: 1

Participants: 1

Read full topic

↧
Search

Native: tried calling StatusBar.styleDefault, but Cordova is not available. Make sure to include cordova.js or run in a device/simulator

March 3, 2020, 11:55 am
$
0
0

@mgandra wrote:

Hi,

I need help with ionic 4 android build with cordova. App is building successfully but in emulator or device app is displaying white page.

I checked the build and see cordova.js is missing in the generated index.html page. In inspect below warning messsage being displayed. This seems to be the root cause for issue. Any help is appreciated.

vendor-es2015.js:106398 Native: tried calling StatusBar.styleDefault, but Cordova is not available. Make sure to include cordova.js or run in a device/simulator
cordovaWarn @ vendor-es2015.js:106398
vendor-es2015.js:106398 Native: tried calling SplashScreen.hide, but Cordova is not available. Make sure to include cordova.js or run in a device/simulator
cordovaWarn @ vendor-es2015.js:106398

Here is the ionic information.

Ionic:

Ionic CLI : 5.4.16 (C:\Users\12146\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : @ionic/angular 4.11.10
@angular-devkit/build-angular : 0.803.24
@angular-devkit/schematics : 8.1.3
@angular/cli : 8.1.3
@ionic/angular-toolkit : 2.0.0

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 8.1.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 4 other plugins)

Utility:

cordova-res : 0.9.0
native-run : 0.3.0

System:

Android SDK Tools : 26.1.1 (C:\Android\sdk)
NodeJS : v12.13.1 (C:\Program Files\nodejs\node.exe)
npm : 6.13.1
OS : Windows 10

Posts: 1

Participants: 1

Read full topic

↧
↧

Ionic 5 --prod build error

March 3, 2020, 11:56 am
$
0
0

@wekas wrote:

I created a new Ionic 5 project. It doesn’t have a lot in it.
It works fine in development but when I run “ionic build --prod” or “ionic build --prod --release”
I get the following error:

ERROR in ./node_modules/@ionic/angular/fesm2015/ionic-angular.js
Module build failed (from ./node_modules/@angular-devkit/build-optimizer/src/build-optimizer/webpack-loader.js):
TypeError: Cannot read property 'kind' of undefined
    at isAngularDecoratorMetadataExpression (R:\WekaDevelopment\Client Prototypes\Blueprint\node_modules\@angular-devkit\build-optimizer\src\transforms\scrub-file.js:265:35)    at checkNodeForDecorators (R:\WekaDevelopment\Client Prototypes\Blueprint\node_modules\@angular-devkit\build-optimizer\src\transforms\scrub-file.js:77:21)
    at visitNodes (R:\WekaDevelopment\Client Prototypes\Blueprint\node_modules\typescript\lib\typescript.js:16514:30)
    at Object.forEachChild (R:\WekaDevelopment\Client Prototypes\Blueprint\node_modules\typescript\lib\typescript.js:16740:24)
    at checkNodeForDecorators (R:\WekaDevelopment\Client Prototypes\Blueprint\node_modules\@angular-devkit\build-optimizer\src\transforms\scrub-file.js:68:31)
    at visitNode (R:\WekaDevelopment\Client Prototypes\Blueprint\node_modules\typescript\lib\typescript.js:16505:24)
    at Object.forEachChild (R:\WekaDevelopment\Client Prototypes\Blueprint\node_modules\typescript\lib\typescript.js:16635:21)
    at checkNodeForDecorators (R:\WekaDevelopment\Client Prototypes\Blueprint\node_modules\@angular-devkit\build-optimizer\src\transforms\scrub-file.js:68:31)
    at visitNode (R:\WekaDevelopment\Client Prototypes\Blueprint\node_modules\typescript\lib\typescript.js:16505:24)
    at Object.forEachChild (R:\WekaDevelopment\Client Prototypes\Blueprint\node_modules\typescript\lib\typescript.js:16703:24)
    at checkNodeForDecorators (R:\WekaDevelopment\Client Prototypes\Blueprint\node_modules\@angular-devkit\build-optimizer\src\transforms\scrub-file.js:68:31)
    at visitNode (R:\WekaDevelopment\Client Prototypes\Blueprint\node_modules\typescript\lib\typescript.js:16505:24)
    at Object.forEachChild (R:\WekaDevelopment\Client Prototypes\Blueprint\node_modules\typescript\lib\typescript.js:16692:24)
    at checkNodeForDecorators (R:\WekaDevelopment\Client Prototypes\Blueprint\node_modules\@angular-devkit\build-optimizer\src\transforms\scrub-file.js:68:31)
    at visitNode (R:\WekaDevelopment\Client Prototypes\Blueprint\node_modules\typescript\lib\typescript.js:16505:24)
    at Object.forEachChild (R:\WekaDevelopment\Client Prototypes\Blueprint\node_modules\typescript\lib\typescript.js:16599:21)
[ERROR] An error occurred while running subprocess ng.

$ ionic info

Ionic:

Ionic CLI : 5.4.16
Ionic Framework : @ionic/angular 5.0.4
@angular-devkit/build-angular : 0.801.3
@angular-devkit/schematics : 8.1.3
@angular/cli : 8.1.3
@ionic/angular-toolkit : 2.1.2

Utility:

cordova-res : 0.9.0
native-run : not installed

System:

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

Posts: 1

Participants: 1

Read full topic

↧

How to return data from modals to viewController without only calling the dismiss()

March 2, 2020, 8:04 am
$
0
0

@karabillie wrote:

// myPage.ts
// Passing data to the modal:
let modal = Modal.create(myModal, { data: [...] });

// Getting data from the modal:
modal.onDismiss(data => {
    console.log('MODAL DATA', data);
});

// myModal.ts
constructor(inputData: NavParams, private view: ViewController) {
    // Getting data from the page:
    var dataFromPage = inputData.get('data');
}

dismiss() {
    // Returning data from the modal:
    this.view.dismiss(
        // Whatever should be returned, e.g.:
        // { ... }
    );
}

Hi. I implemented the code seen from this post Ionic Modal don't return data. How to return data from ionic modals?, which work perfectly.

I have now the exact problem. I want to send the data from the modal to the viewControllew without calling the dimiss() method. the problem is specifically when I click the back button in android devices, where I want my data to be sent even if i press the back button. How to achieve this?

Posts: 1

Participants: 1

Read full topic

↧

How display successfully message in HTML file

March 3, 2020, 7:16 pm
$
0
0

@Mdweyal wrote:

Hi guys,
I use native http for post request
How display successfully message in HTML file And pop the window

Posts: 1

Participants: 1

Read full topic

↧
↧

Service worker not found IONIC 4

March 3, 2020, 10:41 pm
$
0
0

@roxannelighting wrote:

Hi everyone,

I deployed a pwa version of my ionic 4 app. It works great but there is a problem with my app.
If I add my app to my android home screen there is a small browser icon for example Chrome icon in the bottom right of my app icon.
I saw this link:

And then checked my application tab on google developers tools and I saw in the Manifest section the instability has a warning icon that show me this message:
“No matching service worker detected. You may need to reload the page or check that the service worker for the current page also controls the start url from the manifest”

Even though there is my service worker in the folder, It seems that service worker not found by application!

Could you please help me to over come this issue?

Thanks

Posts: 1

Participants: 1

Read full topic

↧

Disable the native speech to text(microphone icon)

March 3, 2020, 7:29 am
$
0
0

@yairu wrote:

i have ionic4 APP with some form with ion-text-area element and when the keyboard is opened the microphone icon (“speech to text”) has appears

i want to disable it from the APP.

there is a way (api/configuration) to get rid or disable the native “speech to text” (microphone icon) in the native keyboard?

the icon appears on ios and android

<ion-textarea rows="1" auto-grow type="email" placeholder="Your Message" wrap="soft"</ion-textarea>

thanks

Posts: 1

Participants: 1

Read full topic

↧

Firebase phone authentication doesn't work on release

March 4, 2020, 12:02 am
$
0
0

@florea_g wrote:

Hello,

I have made a ionic v4 project and i have integrated firebase phone authentication.
When i run the project on a device everithing works fine but if i build the project and i upload the apk on play console for testing the authentication doesn’t work any more. Aparently firebase can’t find the signature. i have the google-service.json on android folder and i even signed the app with the same cert before put it on the store.
Can someone help me please?

Thanks

Posts: 1

Participants: 1

Read full topic

↧
Search

Send variable value to another device

March 4, 2020, 12:54 am
$
0
0

@MarcinDl wrote:

Hello,

On my device I have an app with some variable values and now I want to use these values on another variable. But…there is no internet connection so I can not use database and send and read these values.

Is any solution for my problem?

Posts: 3

Participants: 2

Read full topic

↧
↧

Http get request hangle

March 4, 2020, 1:00 am
$
0
0

@VigneshBalakrishnan wrote:

Hi all,
I have facing one issue regarding the API. I will get details of media file in database then with that details i ll get id for the media file with that id I’ll get a media file from s3. And that path is directly given in html. In that case if the media file is not there the media ll not load there.
I want to handle error for that HTTP get request so that if the media file is not there i can load a new screen to give a better user experience.
My doubt is whether i can handle it in the normal way of error handling method or there is any other better solution for this.

Can anyone help me out, Thanks.

HTML

<img [src]=“getContentURL(Profilecontents.id)” id=“imag{{Profilecontents.id}}” class=“image” alt="">

TS
contentID is media file id.
this.contentURL will have the http link
ex: http://www.example.com/contentID

getContentURL(contentID: string) {
return this.contentURL + contentID;
}

Posts: 1

Participants: 1

Read full topic

↧

Ionic 4 PWA cordova plugin contact is not working

March 4, 2020, 1:02 am
↧

Alan button dowsn't work

March 4, 2020, 1:55 am
$
0
0

@HedgehogA19 wrote:

Hi guys,
I have a little problem with alan-app plugin.
I’m using cordova plugin showed in this guide.
In true, i follow guide step by step but i cant see my alan button.
I dont know if shuld i active my alan code or what else.
Following the guide, button doesn’t showed.
I readed in the faq this advices but theay aren’t my case

I do not see my Alan Button on my webpage

  • Check if you run the Alan Button in the browser that supports an Audio API.
  • If you use “http” run the page on the localhost (otherwise use “https”).
  • Make sure that the Alan Button wasn’t disabled in the Alan Studio Button Settings for your project.

Someone has any idea? :pray:
thanks :smiley:

Posts: 1

Participants: 1

Read full topic

↧

I open ionic 4 api news app yesterday when open today not refreshing

March 4, 2020, 3:15 am
$
0
0

@Mdweyal wrote:

Hi,
I am new with ionic; i opened my ionic app tow days ago, when i open it today my api data are not refreshing
Can anyone help please?

Posts: 1

Participants: 1

Read full topic

↧
↧

How to display green dot on top of ion2-calenders date

March 4, 2020, 4:08 am
↧

Scale image height based on screen size ionic

March 4, 2020, 4:15 am
↧
Search

Shrinking header with image and text

March 3, 2020, 10:00 pm
$
0
0

@harika511 wrote:

Hi, Is anybody seen WhatsApp group members list, It have a header with image and group name, on scroll up image and text will move upward with reducing size, the Same format need to develop in ionic v3, Soo can anyone help me please.

Posts: 1

Participants: 1

Read full topic

↧

Unable to access ionicframework.com

March 4, 2020, 6:19 am
$
0
0

@SrinivasK wrote:

while accessing ionic website in india location.
“Your requested URL has been blocked as per the directions received from Department of Telecommunications, Government of India.”

Posts: 2

Participants: 2

Read full topic

↧
↧

Apple Maps on Apple Device and Google Maps on Google Device

March 4, 2020, 7:12 am
$
0
0

@dwetter wrote:

How can I create a full-screen map of Ionic 5 with different locations that are marked? For Apple devices the map should be created with Apple Maps and for Andoid with Google Maps.

Posts: 1

Participants: 1

Read full topic

↧

Ionic 4: ion-grid how to make the rows fill the remaining height 50% each

March 4, 2020, 7:54 am
$
0
0

@Daveshirman wrote:

I’ve got the following layout and I’d like to have the boxes fill the remaining height 50%, so they appear equal.

Not having much luck with my flexbox css, so if anyone could advise, that’d be great, thanks.

Layout graphic as it renders at the moment:

Screenshot 2020-03-04 at 10.51.09
Screenshot 2020-03-04 at 10.51.091362×1490 109 KB

Markup:

<ion-content>
    <!-- ... -->
    <ion-item>
      Something here
    </ion-item>
    <ion-grid>
      <ion-row>
        <ion-col size="6" class="col-top-left">
            <!-- ... -->
        </ion-col>
        <ion-col size="6" class="col-top-right">
            <!-- ... -->
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col size="6" class="col-bottom-left">
            <!-- ... -->
        </ion-col>
        <ion-col size="6" class="col-bottom-right">
            <!-- ... -->
        </ion-col>
      </ion-row>
    </ion-grid>
</ion-content>

CSS I’m using:

ion-grid {
    --ion-grid-padding: 0px;
    ion-row {
        padding: 0px;
    }

    ion-col {
        padding: 0px;
    }

    .col-top-left {     padding-right: 8px; padding-bottom: 8px; }
    .col-top-right {    padding-left: 8px; padding-bottom: 8px; }
    .col-bottom-left {  padding-right: 8px; padding-top: 8px; }
    .col-bottom-right { padding-left: 8px; padding-top: 8px; }
}

Posts: 1

Participants: 1

Read full topic

↧

ERR_CLEARTEXT_NOT_PERMITTED while opening an external link

March 4, 2020, 8:04 am
$
0
0

@ioclaudio wrote:

Hi,
I have an Ionic4 app with some banners, when I click on a banner, a site should open in the browser of the mobile.
The URLs are opened with the command:

window.open(bannerUrl);

The problem is that not all the sites have the https version, so on Android 9 when I click the banner I have the error:
net:: ERR_CLEARTEXT_NOT_PERMITTED

I have already done these modifications on the config.xml file:

<widget id="..." version="01.00.48" xmlns="http://www.w3.org/ns/widgets" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:cdv="http://cordova.apache.org/ns/1.0">

..
    <platform name="android">
        <edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application">
            <application android:usesCleartextTraffic="true" />
        </edit-config>
        <allow-navigation href="*" />
    </platform>

But the problem persists.
How can I open an external Http link on android?

Claudio Battaglino

Posts: 1

Participants: 1

Read full topic

↧
Viewing all 49247 articles
Browse latest View live
Search
<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>