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

Multiple commands produce '/Users/karthiksundar/Library/Developer/Xcode/DerivedData/

March 14, 2022, 1:04 am
$
0
0

when i build the app using ionic capacitor, am getting this error in Xcode,

Error:
Multiple commands produce ‘/Users/macc/Library/Developer/Xcode/DerivedData/App-drfjtpelyvwcoldbipmkvnoubukg/Build/Intermediates.noindex/ArchiveIntermediates/App/IntermediateBuildFilesPath/UninstalledProducts/iphoneos/CordovaPluginsStatic.framework/Headers/AtomicBoolean.h’:

  1. Target ‘CordovaPluginsStatic’ (project ‘Pods’) has copy command from ‘/Users/macc/Desktop/Apps/2021-abc/abc-iOS-app–2021-1-c/ios/capacitor-cordova-ios-plugins/sourcesstatic/CordovaBackgroundGeolocation/src/ios/TSLocationManager.xcframework/ios-arm64_armv7/TSLocationManager.framework/Headers/AtomicBoolean.h’ to ‘/Users/macc/Library/Developer/Xcode/DerivedData/App-drfjtpelyvwcoldbipmkvnoubukg/Build/Intermediates.noindex/ArchiveIntermediates/App/IntermediateBuildFilesPath/UninstalledProducts/iphoneos/CordovaPluginsStatic.framework/Headers/AtomicBoolean.h’

  2. Target ‘CordovaPluginsStatic’ (project ‘Pods’) has copy command from ‘/Users/macc/Desktop/Apps/2021-abc/abc-iOS-app–2021-1-c/ios/capacitor-cordova-ios-plugins/sourcesstatic/CordovaBackgroundGeolocation/src/ios/TSLocationManager.xcframework/ios-arm64_i386_x86_64-simulator/TSLocationManager.framework/Headers/AtomicBoolean.h’ to ‘/Users/macc/Library/Developer/Xcode/DerivedData/App-drfjtpelyvwcoldbipmkvnoubukg/Build/Intermediates.noindex/ArchiveIntermediates/App/IntermediateBuildFilesPath/UninstalledProducts/iphoneos/CordovaPluginsStatic.framework/Headers/AtomicBoolean.h’

  3. Target ‘CordovaPluginsStatic’ (project ‘Pods’) has copy command from ‘/Users/macc/Desktop/Apps/2021-abc/abc-iOS-app–2021-1-c/ios/capacitor-cordova-ios-plugins/sourcesstatic/CordovaBackgroundGeolocation/src/ios/TSLocationManager.xcframework/ios-arm64_x86_64-maccatalyst/TSLocationManager.framework/Headers/AtomicBoolean.h’ to ‘/Users/macc/Library/Developer/Xcode/DerivedData/App-drfjtpelyvwcoldbipmkvnoubukg/Build/Intermediates.noindex/ArchiveIntermediates/App/IntermediateBuildFilesPath/UninstalledProducts/iphoneos/CordovaPluginsStatic.framework/Headers/AtomicBoolean.h’

Thanks

1 post - 1 participant

Read full topic

↧
Search

Splash screen IOS Ionic 6

March 14, 2022, 3:52 am
↧
↧

Ionic Item Ripple Effect

March 14, 2022, 6:56 am
$
0
0

Hello Everyone,

I am trying to override the ripple effect color of ion-item and im failing at that.

        <ion-item
          class="contract-item"
          v-for="contract in contracts"
          :key="contract.id"
          button="true"
          @click="goToContract(contract.id)"
        >
          <ContractItem :contract="contract" />
        </ion-item>

And the CSS Styking looks like this

.contract-item {
    margin-top: 5%;
    -webkit-margin-start: 5%;
    -webkit-margin-end: 5%;
    box-shadow: 0.5px 1px 3px 0.5px #9d9d9d;
    border-radius: 8px;
    --ripple-color: rgb(95, 15, 15) !important;
}

Am i using the --ripple-color wrong here?

1 post - 1 participant

Read full topic

↧

Vendor.js load app Uncaught (in promise): TypeError: Cannot read properties of null (reading '0')

March 14, 2022, 7:00 am
$
0
0

Hello everyone !

I have just requested your help concerning an error that I encounter when loading my application.
I use firebase notification, I store my notifications as JSON with writeFile() in a folder “externalDataDirectory”.

this.file.writeFile(this.file.externalDataDirectory, this.fileName + ‘.json’, JSON.stringify(data), { replace: true })

Everything works fine, however when I restart my application I have this error :

vendor.js:48230 ERROR Error: Uncaught (in promise): TypeError: Cannot read properties of null (reading ‘0’)
TypeError: Cannot read properties of null (reading ‘0’)
at main.js:235:31
at ZoneDelegate.invoke (polyfills.js:436:30)
at Object.onInvoke (vendor.js:70424:33)
at ZoneDelegate.invoke (polyfills.js:435:56)
at Zone.run (polyfills.js:196:47)
at polyfills.js:1354:38
at ZoneDelegate.invokeTask (polyfills.js:470:35)
at Object.onInvokeTask (vendor.js:70411:33)
at ZoneDelegate.invokeTask (polyfills.js:469:64)
at Zone.runTask (polyfills.js:241:51)
at resolvePromise (polyfills.js:1291:35)
at polyfills.js:1361:21
at ZoneDelegate.invokeTask (polyfills.js:470:35)
at Object.onInvokeTask (vendor.js:70411:33)
at ZoneDelegate.invokeTask (polyfills.js:469:64)
at Zone.runTask (polyfills.js:241:51)
at drainMicroTaskQueue (polyfills.js:656:39)

Thanks in advance for your help

1 post - 1 participant

Read full topic

↧

How can i retrieve data from a popover if I close it clicking outside it?

March 14, 2022, 8:44 am
$
0
0

Hi everyone,
I need some help, how can i retrieve data from a popover if I close it clicking outside it? I’ve read in that The popover will dismiss when the backdrop is clicked by implicitly performing dismiss(null). How can I change it?
Thanks!

1 post - 1 participant

Read full topic

↧
↧

Ionic Show Recap: March 2022

March 14, 2022, 12:56 pm
$
0
0

Originally published at: Ionic Show Recap: March 2022 - Ionic Blog

Hey folks! We hope you are doing well and hope you got a chance to tune in to our recent Ionic Show. In case you missed it, you can watch it below: Want the TL;DR? Sure thing, we’ve got a nice recap of what we discussed and launched in our Ionic Show. Let’s jump into…

1 post - 1 participant

Read full topic

↧

Passing interface other than string through Route

March 14, 2022, 11:33 pm
$
0
0

Hi there,

I’m attempting to pass an interface through IonReacRouter using Route as follows:

<Route path={`/tab2/topics/:title`} component={TopicsCategory} />

In one of my page, I’m attempting to route to the designated page as follows:

<IonItem lines="none" class="section-header" routerLink={"/tab2/topics/"+"titleID"}>

In the targeted page, I defined an interface with a component accessing the string variable within:


interface TopicsCategoryProps extends RouteComponentProps<{
  title: string;
}> {}

const TopicsCategory: React.FC<TopicsCategoryProps> = ({match}) => {

  return (
     {match.params.title}
);

The problem is that RouteComponentProps only allows string variable to be passed between pages while I need to pass an entire interface containing other types across pages. Is there any discussion that I can refer to? Thanks!

Eugene

1 post - 1 participant

Read full topic

↧

Ionic Cordova Speech Recognition not working when running android emulator with android version 9 or higher

March 15, 2022, 2:13 am
$
0
0

Ionic Cordova Speech Recognition working with android version 8 or lower. But whenever I am running running the app in the android emulator with android version 9 or higher google tap to speak is not showing. This is happening also in real device.

Emulator Tap To Speak:

Screenshot 2022-03-15 125910

Also sharing the speech recognition code for better understanding:

getPermission() {
    this.speechRecognition.hasPermission().then((hasPermission: boolean) => {
      if (!hasPermission) {
        this.speechRecognition.requestPermission();
      }
    });
  }

  startListening() {
    let options = {
      showPopup: true,
      language: "en-US",
    };
    this.speechRecognition.startListening(options).subscribe((matches) => {
      this.matches = matches;
      this.cd.detectChanges();
    });
    this.isRecording = true;
  }

  stopListening() {
    this.speechRecognition.stopListening().then(() => {
      this.isRecording = false;
    });
  }

1 post - 1 participant

Read full topic

↧
Search

Best tutorial/course for a beginner with some Angular experience

March 15, 2022, 2:19 am
$
0
0

Hi there!

I would like to start making mobile apps with Ionic framework since I have some experience with angular making web apps. Searched a lot on the web and yet to find a highly recommended course/tutorial for someone like me. I am looking for something that will take me through the basics and teach me the logic of ionic framework. The course can be paid too. I am looking for a quality content. Thanks in advance

Cheers
Mucahit

1 post - 1 participant

Read full topic

↧
↧

Bluetooth L2Cap and 6lowpan protocols

March 15, 2022, 3:05 am
$
0
0

Hi all,

i need some hints if is possible or how can i use bluetooth over l2cap (some plugin in capacitor or cordova) and if exist plugin for 6lowpan.

Thanks for hints

1 post - 1 participant

Read full topic

↧

New App version with new plugin installed, Appflow is not pushing the update to existing user

March 15, 2022, 6:41 am
$
0
0

Hi Team,

we have a New App version with new ionic plugins installed (ex: cordova-plugin-firebasex 11.0.3 “Google Firebase Plugin” - cordova-plugin-facebook-connect 2.3.0 “Facebook Connect” - cordova-plugin-inappbrowser 5.0.0 “InAppBrowser”), we are using Appflow to push app updates to existing user who already have the app, while this work fine for GUI and javscript updates it is not pushing the update in new plugins to existing users.

Please advise.

Regards,

1 post - 1 participant

Read full topic

↧

How to unsubcribe from Ionic Newsletter?

March 15, 2022, 8:07 am
$
0
0

I keep getting e-mails from Ionic Team about webinars and other stuffs. How can I unsubcribe from them all?

1 post - 1 participant

Read full topic

↧

How can I display a div over the IonHeader

March 15, 2022, 8:19 am
$
0
0

I’m using Ionic React and Swiper js to transition between slides on a single IonPage. The page should always have a header with buttons except for when the swiper reaches a certain slide, which should take up the whole screen. I’ve tried setting the z-index for the header/slide but that doesn’t seem to work. Please help!

Regards,

Fabian

1 post - 1 participant

Read full topic

↧
↧

Unable to resolve filesystem path

March 15, 2022, 9:56 am
$
0
0

info:
Ionic Framework : @ionic/angular 4.11.13
Cordova CLI : 10.0.0 (cordova-lib@10.1.0)
NodeJS : v14.18.1
Android SDK Tools : 26.1.1
Test Device :Android 11

uri = content://com.android.providers.media.documents/document/document%3A10021
await this.filePath.resolveNativePath(uri).then((fileEntry) => { }).catch(err => { });
File Path err: {“code”:0,“message”:“Unable to resolve filesystem path.”}

1 post - 1 participant

Read full topic

↧

Globabl Styles or Global Components, what is best practice?

March 15, 2022, 10:01 am
$
0
0

Hi there,
We are currently building out our StencilJS driven design system. I wondered what the best practice or other teams are using for global styles to build up web pages/applications?

More specifically are you creating a global.css file that contains the styles for Typography, Layouts (grid, flexbox etc) or are you creating wrapper components for these?

The goal would be to use the web components for specific UI but they have global styles to allow teams to build up their pages and make sure everything fits together as one suite.

Thanks in advance.

1 post - 1 participant

Read full topic

↧
Search

Ionic-v6 Cordova build errors

March 15, 2022, 10:14 am
$
0
0

I have followed all the instructions mentioned here Android App Development Guide: Build Ionic Apps in Android Studio for Android development on my MAC.

But I am getting below error

> cordova build android

Checking Java JDK and Android SDK versions

ANDROID_SDK_ROOT=undefined (recommended setting)

ANDROID_HOME=undefined (DEPRECATED)

Using Android SDK: /Users/akhileshsrivastava/Library/Android/sdk

Subproject Path: CordovaLib

Subproject Path: app

FAILURE: Build failed with an exception.

* Where:

Script '/Users/akhileshsrivastava/Documents/akhilapps/demoapp/platforms/android/CordovaLib/cordova.gradle' line: 69

* What went wrong:

A problem occurred evaluating script.

> No installed build tools found. Install the Android build tools version 30.0.3 or higher.

* 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**

Deprecated Gradle features were used in this build, making it incompatible with Gradle 8.0.

You can use '--warning-mode all' to show the individual deprecation warnings and determine if they come from your own scripts or plugins.

See https://docs.gradle.org/7.1.1/userguide/command_line_interface.html#sec:command_line_warnings

**BUILD FAILED** in 813ms

Command failed with exit code 1: /Users/akhileshsrivastava/Documents/akhilapps/demoapp/platforms/android/gradlew cdvBuildDebug -b /Users/akhileshsrivastava/Documents/akhilapps/demoapp/platforms/android/build.gradle

[ **ERROR** ] **An error occurred while running subprocess** **cordova** **.**

cordova build android exited with exit code 1.

Re-running this command with the --verbose flag may provide more information.

I did have installed Java 1.8, latest android studio with all required sdk and emulator, gradle etc. But still not sure where I am doing wrong. Please help!

1 post - 1 participant

Read full topic

↧

Build android capacitor exit 1

March 15, 2022, 11:48 am
$
0
0

Someone help me to fix this. I try to build app but… it says me this and I dont know what to do.

eror

1 post - 1 participant

Read full topic

↧
↧

Cannot build with bitbucket pipelines

March 15, 2022, 12:27 pm
$
0
0

Bug Report

Hello,
i am trying to build debug android app with bitbucket pipelines but i am stuck with gradle build
it seems not find capacitor android dependencies
I am missing something?

Capacitor Version

💊   Capacitor Doctor  💊 

Latest Dependencies:

  @capacitor/cli: 3.4.3
  @capacitor/core: 3.4.3
  @capacitor/android: 3.4.3
  @capacitor/ios: 3.4.3

Installed Dependencies:

  @capacitor/ios: not installed
  @capacitor/cli: 3.4.3
  @capacitor/core: 3.4.3
  @capacitor/android: 3.4.3

[success] Android looking great! 👌

Platform(s)

Linux

Current Behavior

* What went wrong:
Could not determine the dependencies of task ':app:compileDebugJavaWithJavac'.
> Could not resolve all task dependencies for configuration ':app:debugCompileClasspath'.
   > Could not resolve project :capacitor-android.
     Required by:
         project :app

Expected Behavior

BUILD SUCCESSFUL

Code Reproduction

image: node:lts

definitions:
  caches:
    yarn: $HOME/.cache

pipelines:
  custom:
    build-debug:
      - step:
          name: Build ionic app
          caches:
            - node
            - yarn
          script:
            - rm -rf android
            - yarn install
            - yarn build
            - npx cap add android
            - npx cap sync
          artifacts:
            - android/**
      - step: 
          name: Build debug android app
          image: androidsdk/android-30
          caches:
            - gradle
          script:
            - cd android
            - ./gradlew assembleDebug
          artifacts:
            - app/build/outputs/**

Other Technical Details


Ionic:

   Ionic CLI       : 6.18.1 
   Ionic Framework : @ionic/vue 6.0.11

Capacitor:

   Capacitor CLI      : 3.4.3
   @capacitor/android : 3.4.3
   @capacitor/core    : 3.4.3
   @capacitor/ios     : not installed

Utility:

   cordova-res : 0.15.4
   native-run  : 1.5.0

System:

   NodeJS : v14.19.0 
   npm    : 6.14.8
   OS     : Linux 4.15

Additional Context

Fresh Ionic 6 application

1 post - 1 participant

Read full topic

↧

New Capacitor Templates: SolidJS + Vite

March 15, 2022, 12:36 pm
$
0
0

Originally published at: https://ionicframework.com/blog/new-capacitor-templates-solidjs-vite/

Today, I’m excited to share with you new app templates for Capacitor and SolidJS. SolidJS is a newer frontend framework that has been gaining popularity recently. In the 2021 State of JS survey, Solid had a 90% satisfaction rate as well as excellent starter templates that we can build upon. With Capacitor, developers can bring…

1 post - 1 participant

Read full topic

↧

New install of Ionic w/React on MacOS Monterey fails

March 15, 2022, 2:45 pm
$
0
0

I’m a long-time programmer but a first-time user of Ionic. I’ve been trying to install the example React App Photo-Gallery. It’s not going well though I have faithfully followed the directions. Anybody else getting it to work? Judging from the error messages, there’s an issue with React not being found. Suggestions?

ReferenceError: Can’t find variable: React

App

src/App.tsx:39

  36 |   37 | setupIonicReact();  38 | > 39 | const App: React.FC = () => (  40 |   <IonApp>  41 |     <IonReactRouter>  42 |       <IonTabs>

View compiled

1 post - 1 participant

Read full topic

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