Hi all. Part of the code is to use the latitude and longitude obtained from the device. The problem I have is that it stopped asking if it is allowed to get the location, so now it does not get the latitude and longitude.

let posicion: string | number;

const getLocation = async () => {

  try {

      const position = await Geolocation.getCurrentPosition();

      posicion=position.coords.latitude +"/"+ position.coords.longitude

      return posicion;

  } catch (e) {

    return 0;

  }

}

Is there a statement like asking for permissions?

1 post - 1 participant

Read full topic

I am going round and round in circles here, no mater what i do, i fix one issue and then another comes up. I just can’t build this app into android apk when using the ionic/cordova firebase plugins.

Now i am getting this cryptic error:

BUILD FAILED in 20s
/Volumes/Work/green-water-services/platforms/android/gradlew: Command failed with exit code 1 Error output:
FAILURE: Build failed with an exception.

• What went wrong:
  A problem occurred configuring project ‘:app’.

groovy.lang.MissingMethodException: No signature of method: org.gradle.api.internal.model.DefaultObjectFactory.directoryProperty() is applicable for argument types: () values:

• 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

NOTE: I am using the cordova-plugin-firebasex plugin as an attempt to get it built as cordova-plugin-firebase produces a totall different error, i get this when using cordova-plugin-firebase:

BUILD FAILED in 12s
/Volumes/Work/green-water-services/platforms/android/gradlew: Command failed with exit code 1 Error output:
FAILURE: Build failed with an exception.

• What went wrong:
  Failed to capture fingerprint of input files for task ‘:app:preDebugBuild’ property ‘compileManifests’ during up-to-date check.

The library com.google.android.gms:play-services-measurement-base is being requested by various other libraries at [[20.0.1,20.0.1], [20.0.2,20.0.2]], but resolves to 20.0.2. Disable the plugin and check your dependencies tree using ./gradlew :app:dependencies.

It looks like a method is missing with gradle?? Why? ionic / cordova is a joke honestly. I have absolutely no idea how i’m supposed to build this app when everything i do just causes errors. I’m even having to add the platform android@8.0.0 as 9 again produces errors!

Here is my package.json

{
  "name": "green-water-services",
  "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": "^11.2.14",
    "@angular/core": "^11.2.14",
    "@angular/fire": "^6.1.5",
    "@angular/forms": "^11.2.14",
    "@angular/platform-browser": "^11.2.14",
    "@angular/platform-browser-dynamic": "^11.2.14",
    "@angular/router": "^11.2.14",
    "@ionic-native/ble": "^5.6.11",
    "@ionic-native/bluetooth-serial": "^5.6.11",
    "@ionic-native/camera": "^5.6.11",
    "@ionic-native/core": "^5.6.11",
    "@ionic-native/firebase": "^5.6.11",
    "@ionic/angular": "^5.6.11",
    "@ionic/app-scripts": "^3.2.4",
    "cordova-plugin-bluetooth-serial": "^0.4.7",
    "firebase": "^8.6.8",
    "ionic": "^5.4.16",
    "ionicons": "^5.5.2",
    "npm": "^8.3.0",
    "rxjs": "~6.6.0",
    "rxjs-compat": "^6.6.7",
    "signature_pad": "^4.0.1",
    "tslib": "^2.3.0",
    "typescript": "4.1.6",
    "zone.js": "^0.11.4"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^12.1.0",
    "@angular-eslint/builder": "2.0.2",
    "@angular-eslint/eslint-plugin": "2.0.2",
    "@angular-eslint/eslint-plugin-template": "2.0.2",
    "@angular-eslint/template-parser": "2.0.2",
    "@angular/cli": "11.2.14",
    "@angular/compiler": "^11.2.14",
    "@angular/compiler-cli": "^11.2.14",
    "@angular/language-service": "^11.2.14",
    "@ionic/angular-toolkit": "^3.1.1",
    "@types/jasmine": "^3.7.7",
    "@types/jasminewd2": "^2.0.9",
    "@types/node": "^12.20.15",
    "@typescript-eslint/eslint-plugin": "4.16.1",
    "@typescript-eslint/parser": "4.16.1",
    "cordova-android": "^8.0.0",
    "cordova-plugin-ble-central": "^1.3.1",
    "cordova-plugin-camera": "^5.0.2",
    "cordova-plugin-device": "^2.0.3",
    "cordova-plugin-firebasex": "github:dpa99c/cordova-plugin-firebasex",
    "cordova-plugin-ionic-keyboard": "^2.2.0",
    "cordova-plugin-ionic-webview": "^4.2.1",
    "cordova-plugin-splashscreen": "^5.0.4",
    "cordova-plugin-statusbar": "^2.4.3",
    "cordova-plugin-whitelist": "^1.3.5",
    "eslint": "^7.29.0",
    "eslint-plugin-import": "2.22.1",
    "eslint-plugin-jsdoc": "30.7.6",
    "eslint-plugin-prefer-arrow": "1.2.2",
    "firebase-tools": "^9.14.0",
    "jasmine-core": "~3.6.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "^6.3.4",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.0.3",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.6.0",
    "postcss": "^8.4.5",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0"
  },
  "description": "An Ionic project",
  "cordova": {
    "plugins": {
      "cordova-plugin-bluetooth-serial": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-webview": {
        "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
      },
      "cordova-plugin-ionic-keyboard": {},
      "cordova-plugin-ble-central": {
        "ACCESS_BACKGROUND_LOCATION": "false"
      },
      "cordova-plugin-camera": {
        "ANDROID_SUPPORT_V4_VERSION": "27.+"
      },
      "cordova-plugin-firebasex": {}
    },
    "platforms": [
      "android"
    ]
  }
}

EDIT

I managed to get a build with android@9.0.0 by changing some plugins, here is my new package.json - even though this built, the apk just crashes on the emulator! Can’t even see an error output because it simply opens and crashes so i can’t use the chrome inspector.

{
  "name": "green-water-services",
  "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": "^11.2.14",
    "@angular/core": "^11.2.14",
    "@angular/fire": "^6.1.5",
    "@angular/forms": "^11.2.14",
    "@angular/platform-browser": "^11.2.14",
    "@angular/platform-browser-dynamic": "^11.2.14",
    "@angular/router": "^11.2.14",
    "@ionic-native/ble": "^5.6.11",
    "@ionic-native/bluetooth-serial": "^5.6.11",
    "@ionic-native/camera": "^5.6.11",
    "@ionic-native/core": "^5.6.11",
    "@ionic-native/firebase": "^5.6.11",
    "@ionic/angular": "^5.6.11",
    "@ionic/app-scripts": "^3.2.4",
    "cordova-plugin-bluetooth-serial": "^0.4.7",
    "firebase": "^8.6.8",
    "ionic": "^5.4.16",
    "ionicons": "^5.5.2",
    "npm": "^8.3.0",
    "rxjs": "~6.6.0",
    "rxjs-compat": "^6.6.7",
    "signature_pad": "^4.0.1",
    "tslib": "^2.3.0",
    "typescript": "4.1.6",
    "zone.js": "^0.11.4"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^12.1.0",
    "@angular-eslint/builder": "2.0.2",
    "@angular-eslint/eslint-plugin": "2.0.2",
    "@angular-eslint/eslint-plugin-template": "2.0.2",
    "@angular-eslint/template-parser": "2.0.2",
    "@angular/cli": "11.2.14",
    "@angular/compiler": "^11.2.14",
    "@angular/compiler-cli": "^11.2.14",
    "@angular/language-service": "^11.2.14",
    "@ionic/angular-toolkit": "^3.1.1",
    "@types/jasmine": "^3.7.7",
    "@types/jasminewd2": "^2.0.9",
    "@types/node": "^12.20.15",
    "@typescript-eslint/eslint-plugin": "4.16.1",
    "@typescript-eslint/parser": "4.16.1",
    "cordova-android": "^9.0.0",
    "cordova-plugin-androidx": "^3.0.0",
    "cordova-plugin-androidx-adapter": "^1.1.3",
    "cordova-plugin-ble-central": "^1.3.1",
    "cordova-plugin-camera": "^5.0.2",
    "cordova-plugin-device": "^2.0.3",
    "cordova-plugin-firebasex": "github:dpa99c/cordova-plugin-firebasex",
    "cordova-plugin-ionic-keyboard": "^2.2.0",
    "cordova-plugin-ionic-webview": "^4.2.1",
    "cordova-plugin-splashscreen": "^5.0.4",
    "cordova-plugin-statusbar": "^2.4.3",
    "cordova-plugin-whitelist": "^1.3.5",
    "eslint": "^7.29.0",
    "eslint-plugin-import": "2.22.1",
    "eslint-plugin-jsdoc": "30.7.6",
    "eslint-plugin-prefer-arrow": "1.2.2",
    "firebase-tools": "^9.14.0",
    "jasmine-core": "~3.6.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "^6.3.4",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.0.3",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.6.0",
    "postcss": "^8.4.5",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0"
  },
  "description": "An Ionic project",
  "cordova": {
    "plugins": {
      "cordova-plugin-bluetooth-serial": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-webview": {
        "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
      },
      "cordova-plugin-ionic-keyboard": {},
      "cordova-plugin-ble-central": {
        "ACCESS_BACKGROUND_LOCATION": "false"
      },
      "cordova-plugin-camera": {
        "ANDROID_SUPPORT_V4_VERSION": "27.+"
      },
      "cordova-plugin-firebasex": {},
      "cordova-plugin-androidx": {},
      "cordova-plugin-androidx-adapter": {}
    },
    "platforms": [
      "android"
    ]
  }
}

1 post - 1 participant

Read full topic

I have another posts here Can't get app to build that uses cordova and firebase

I am literally ready to smash the computer up! The firebase plugins for cordova just cause never ending headaches.

I managed to get the app from my other post to build, but it instantly crashes on the emulator or a device. How can i diagnose this? It doesn’t give any console output at all, and i can’t open the web inspector due to the app crashing

ionic cordova emulate android

It’s running on an android 9 emulator after building for android 9.0.0 but i have also tried a couple of android versions above and it still crashes.

1 post - 1 participant

Read full topic

any help to setup env to build on windwos with android studio ??

Ionic:

Ionic CLI : 6.16.2 (C:\Users\XXX\AppData\Roaming\npm\node_modules@ionic\cli)
Ionic Framework : @ionic/angular 6.0.3
@angular-devkit/build-angular : 13.0.4
@angular-devkit/schematics : 13.0.4
@angular/cli : 13.0.4
@ionic/angular-toolkit : 5.0.3

Capacitor:

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

Utility:

cordova-res : 0.15.1
native-run : 1.5.0

System:

NodeJS : v16.13.2 (C:\Program Files\nodejs\node.exe)
npm : 8.1.2
OS : Windows 10

E/Capacitor/Console: File: http://localhost/ - Line 287 - Msg: SyntaxError: Unexpected token .
E/Capacitor: JavaScript Error: {“type”:“js.error”,“error”:{“message”:“Uncaught SyntaxError: Unexpected token .”,“url”:“http://localhost/vendor.js",“line”:27056,“col”:38,“errorObject”:"{}”}}
E/Capacitor/Console: File: http://localhost/vendor.js - Line 27056 - Msg: Uncaught SyntaxError: Unexpected token .

chrome://inspect/#devices

console

localhost/:287 SyntaxError: Unexpected token .

        cap.logToNative = createLogToNative(win.console);
        cap.logFromNative = createLogFromNative(win.console);
        cap.handleError = err => win.console.error(err);
        win.Capacitor = cap;

ideas ?

9 posts - 2 participants

Read full topic

We recently upgraded to Ionic v6 and I am encountering a bug where the background color on datetime is being ignored in Firefox (96.0.2). Looks fine in Chrome (97.0.4692.71).
Using @ionic/angular@6.0.3

1 post - 1 participant

Read full topic

Everything is in the title how to implement vite with Ionic Vue, is there a command to do in CLI ?
Or what is the best way to do it without CLI.

Thanks

2 posts - 2 participants

Read full topic

Hi. I’m using Capacitor 3 to create a new release to my WebApp migrating from Cordova.

The app by Cap3 is losing my localStorage data… Because is loaded in http://localhost instead of file://android_asset… like in cordova before.

I’m trying to use the conf “server”: { “androidScheme”: “file” } but now I’m facing the error:

The webpage at file://localhost could not be loaded because: net::ERR_ACCESS_DENIED

Any of you had the same problem before?

1 post - 1 participant

Read full topic

I want to keep the user data in the device storage in order to let him keep the session open. I have read some documentation and I have noticed that this is from Ionic v3. I am using Ionic v6 and I would like to know the recommended way to do this.

I have tried to import IonicStorageModule but I get this error:

TS2305: Module ‘"@ionic/storage"’ has no exported member ‘IonicStorageModule’.

That’s why I think this is not supported in the newest version.

1 post - 1 participant

Read full topic

Hi!

We are having problems migrating our app to Android SDK 30 because of new Google Play requirements. It was running on SDK 29. The problem appears only in devices with Android 11 or higher, not on web browsers.

We have updated cordova-android plugin to version 9.1.0.

We are calling to a Web Service with POST method through Angular HTTPClient. Here is our code:

this.http.post<any>(`${serverURI}${wsURI}`, jsonBody)
        .pipe(timeout(20000), 
          tap(res => {
            if(!this.isDefined(showLoader) || showLoader === true || wsURI=="/template/backend-login/public/login") {
              this.hideLoader();
            }
            if(res['error']) {
              this.logger.error("baseCallWebService --> " + serverURI + wsURI + " #### " + JSON.stringify(jsonBody) + " ==> " + res['message']);
              this.showAlert(this.errorLevel, res['error']);
            }
          })

The same call is working in older Android devices and has been tested with POSTMAN and with all browsers. The response time from backend is always lower than 1 second.

Here is the error:

Thanks a lot.

1 post - 1 participant

Read full topic

I’ve tried upgrading my app to v6 using the migration guide but I’m having an issue where running ionic serve builds the app fine without error however when viewing in the browser I get the dreaded blank/empty screen.

There are no errors in the console, no errors loading any resources.

Debugging in VS Code I get the following exceptions

and then this:

I’m totally stuck here, any pointers would be much appreciated.

1 post - 1 participant

Read full topic

Hi all, i have a question about the new ionic 6 ion-datetime.

I made a time picker and i would like to customize the picker-item-active element to make the font bolder.
I tried multiple ways to modify the shadow dom element but without success…

How can i achieve this please ?

1 post - 1 participant

Read full topic

Hey Friends,

The local notifications from capacitor are working fine on Android, but don’t show up at all with the iOS simulation under xCode. There is no error message showing up in the xCode Console.

My notification entries looks like this:

notificationEntry = {
            id: dateInMS,
            title: `Leerung am ${dt.toLocaleString()}`,
            body: `${wasteTypesDisplayed}`,
            schedule: {
              at: alarmDateJS,
              allowWhileIdle: true,
            },
            foreground: true,
            smallIcon: 'ic_stat_tonne',
          }

Any help is appreciated.
Thanks a lot

1 post - 1 participant

Read full topic

I’m not sure what’s happened here, look at the screenshot below, this is a screenshot of an ionic app on iphone 11 at the top notch. You can just see the battery in yellow, but everything has turned white so it can’t be seen on the white background.

I don’t think it’s related but just to be safe, i have the following to push the app outside of the notch and that works

margin-top: constant(safe-area-inset-top) !important;
  margin-top: env(safe-area-inset-top) !important;

Any ideas on why the icons have turned white?

2 posts - 2 participants

Read full topic

I am trying to test an app on ios emulator with live reload, but when i do i get this error and not sure what it means:

> ng run app:ionic-cordova-serve:staging --host=localhost --port=8100 --platform=ios
[ng] An unhandled exception occurred: Configuration 'staging' is not set in the workspace.
[ng] See "/private/var/folders/nr/s6_w32nj0472fhz5lxtqk7800000gn/T/ng-bd6bt5/angular-errors.log" for further details.

I run the following command: ionic cordova emulate ios -c staging --livereload

Now the configuration “staging” does exist, i can use it no problem without --livereload, it’s only when i try to do that it produces the error, so the following works fine:

ionic cordova emulate ios -c staging

Here is the angular json

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "defaultProject": "app",
  "newProjectRoot": "projects",
  "projects": {
    "app": {
      "projectType": "application",
      "schematics": {
        "@schematics/angular:component": {
          "style": "scss"
        }
      },
      "root": "",
      "sourceRoot": "src",
      "prefix": "app",
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "www",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "tsconfig.app.json",
            "assets": [
              "src/favicon.ico",
              "src/assets",
              {
                "glob": "**/*.svg",
                "input": "node_modules/ionicons/dist/ionicons/svg",
                "output": "./svg"
              }
            ],
            "styles": [
              "./node_modules/ngx-lightbox/lightbox.css",
              "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
              "src/styles.scss",
              {
                "input": "node_modules/@ionic/angular/css/core.css"
              },
              {
                "input": "node_modules/@ionic/angular/css/normalize.css"
              },
              {
                "input": "node_modules/@ionic/angular/css/structure.css"
              },
              {
                "input": "node_modules/@ionic/angular/css/typography.css"
              },
              {
                "input": "node_modules/@ionic/angular/css/display.css"
              },
              {
                "input": "node_modules/@ionic/angular/css/padding.css"
              },
              {
                "input": "node_modules/@ionic/angular/css/float-elements.css"
              },
              {
                "input": "node_modules/@ionic/angular/css/text-alignment.css"
              },
              {
                "input": "node_modules/@ionic/angular/css/text-transformation.css"
              },
              {
                "input": "node_modules/@ionic/angular/css/flex-utils.css"
              },
              {
                "input": "src/theme/variables.css"
              }
            ],
            "scripts": [
              "src/assets/js/emoji.js"
            ]
          },
          "configurations": {
            "production": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.prod.ts"
                }
              ],
              "optimization": true,
              "outputHashing": "all",
              "sourceMap": false,
              "extractCss": true,
              "namedChunks": false,
              "aot": true,
              "extractLicenses": true,
              "vendorChunk": false,
              "buildOptimizer": true,
              "budgets": [
                {
                  "type": "initial",
                  "maximumWarning": "50mb",
                  "maximumError": "100mb"
                },
                {
                  "type": "anyComponentStyle",
                  "maximumWarning": "60mb",
                  "maximumError": "100mb"
                }
              ]
            },
            "staging": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.staging.ts"
                }
              ],
              "budgets": [
                {
                  "type": "initial",
                  "maximumWarning": "50mb",
                  "maximumError": "100mb"
                },
                {
                  "type": "anyComponentStyle",
                  "maximumWarning": "60mb",
                  "maximumError": "100mb"
                }
              ]
            }
          }
        },
        "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "app:build"
          },
          "configurations": {
            "production": {
              "browserTarget": "app:build:production"
            }
          }
        },
        "extract-i18n": {
          "builder": "@angular-devkit/build-angular:extract-i18n",
          "options": {
            "browserTarget": "app:build"
          }
        },
        "test": {
          "builder": "@angular-devkit/build-angular:karma",
          "options": {
            "main": "src/test.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "tsconfig.spec.json",
            "karmaConfig": "karma.conf.js",
            "assets": [
              "src/favicon.ico",
              "src/assets",
              {
                "glob": "**/*.svg",
                "input": "node_modules/ionicons/dist/ionicons/svg",
                "output": "./svg"
              }
            ],
            "styles": [
              "./node_modules/ngx-lightbox/lightbox.css",

              "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
              "src/styles.scss"
            ],
            "scripts": [
              "src/assets/js/emoji.js"
            ]
          }
        },
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": [
              "tsconfig.app.json",
              "tsconfig.spec.json",
              "e2e/tsconfig.json"
            ],
            "exclude": [
              "**/node_modules/**"
            ]
          }
        },
        "e2e": {
          "builder": "@angular-devkit/build-angular:protractor",
          "options": {
            "protractorConfig": "e2e/protractor.conf.js",
            "devServerTarget": "app:serve"
          },
          "configurations": {
            "production": {
              "devServerTarget": "app:serve:production"
            }
          }
        },
        "ionic-cordova-serve": {
          "builder": "@ionic/angular-toolkit:cordova-serve",
          "options": {
            "cordovaBuildTarget": "app:ionic-cordova-build",
            "devServerTarget": "app:serve"
          },
          "configurations": {
            "production": {
              "cordovaBuildTarget": "app:ionic-cordova-build:production",
              "devServerTarget": "app:serve:production"
            },
            "staging": {
              "cordovaBuildTarget" : "app:ionic-cordova-build:staging",
              "devServerTarget": "app:serve:staging"
            }
          }
        },
        "ionic-cordova-build": {
          "builder": "@ionic/angular-toolkit:cordova-build",
          "options": {
            "browserTarget": "app:build"
          },
          "configurations": {
            "production": {
              "browserTarget": "app:build:production"
            },
            "staging": {
              "browserTarget": "app:build:staging"
            }
          }
        }
      }
    }
  },
  "cli": {
    "defaultCollection": "@ionic/angular-toolkit",
    "analytics": false
  },
  "schematics": {
    "@ionic/angular-toolkit:component": {
      "styleext": "scss"
    },
    "@ionic/angular-toolkit:page": {
      "styleext": "scss"
    }
  }
}

1 post - 1 participant

Read full topic

Cant build under Windows
Can build under Mac

Have to build with --prod

All is “probably” up to date

Happy new year 2022

and thanks all of you to give us the possibility to deploy

1 post - 1 participant

Read full topic

What Is a Class C Share

In comparison, a front-end load carries charges paid when the shares are bought and a back-end load assesses charges when the investor sells shares; and no-load funds contain no commission charges at all, with the fees simply calculated into the net asset value (NAV) of the fund.

Class-C mutual fund shares charge a level sales load set as fixed percentage assessed each year.

This can be contrasted with front-load shares that charge investors at time of purchase and back-end loads that charge at time of sale.

Because the annual fee can compound investor cost over time, this class of fund is best-suited for those looking to hold fund shares for periods of 3 years or less.

The Basics of Class C Shares

Compared to other mutual fund share classes, class C shares often have lower expense ratios than class B shares. However, they have higher expense ratios than class A shares. Expense ratios are the overall annual management costs of running a mutual fund. As a result, Class C shares may be a good option for investors with a relatively short-term horizon, who plan to keep the mutual fund for just a few years.

The ongoing charges that constitute the C-share level load are officially known as 12b-1 fees, named from a section of the Investment Company Act of 1940. Total 12b-1 fees are capped at 1% annually. In this 1% fee, distribution and marketing expenses can be up to 0.75%, while service fees max out at 0.25%. Although designated for marketing, the 12b-1 fee primarily serves to reward intermediaries who sell a fund’s shares. In a sense, it’s a commission paid by the investor to the mutual fund every year, instead of a transactional one
https://www.gold-pattern.com/en

Forex trading Signals

Free Forex Signals

forex signals

Other mutual fund share classes come with 12b-1 fees too but to different degrees. Those fees charged to class A shares usually are lower, compensating for the high upfront commissions this category pays. C-shares tend always to pay the maximum 1% and, since 12b-1 fees figure into the mutual fund’s overall expense ratio, their presence can push that annual expense ratio above 2% for the class C-shareholder.

Unlike A-shares, class C shares do not have front-end loads, but they often carry small back-end loads, officially known as a contingent deferred sales charge (CDSC), just as class B shares carry. However, these loads for C shares are much smaller, typically only around 1%, and they usually vanish once the investor has held the mutual fund for a year.

Who Should Invest in Class C Shares?

Because of the back-end load charged on short-term redemptions, investors who plan to withdraw funds within a year may want to avoid C-shares. On the other hand, the higher ongoing expenses associated with C-shares make them a less-than-ideal option for long-term investors.

The differences in final values of investments with varying fees can be immense when held for a substantial period—say, in a retirement fund. For instance, take a $50,000 investment in a fund that returns 6% and charges annual operating fees of 2.25%, that is held for 30 years. The final amount the investor will receive will equal $145,093.83. A fund with the same amount invested and the same annual returns, but with yearly operating fees of 0.45% will offer the investor significantly more, with a final value of $250,832.55.

Class C shares would work best for investors planning to keep the fund for a limited, intermediate period, optimally more than one year but less than three. That way, you hold on long enough to avoid the CDSC, but not so long that the high expense ratio will take a major toll on the fund’s overall return.

Forex trading Signals

1 post - 1 participant

Read full topic

Hello. I have the following error:

It happens when clicking on a button from another route, here the code.

This error only occurs if there is a redirection of the Home route like this:

The funny thing is that if I enter directly from the browser to the path ’ / ’ the redirect does work. I have no idea why router.push doesn’t work.

1 post - 1 participant

Read full topic

nice idee but no futur

too much issues

1 post - 1 participant

Read full topic

Hello all,

This is my first ionic app and things have been going quite well - I’ve been developing an app to allows users to track their geolocation so they can be guided to locations on a map to take a photo. Local development on my browsers has been fine but I’m running into an issue when I try to reach my local Django server at http://localhost:8000/api/v1/signin/ from my iPhone while connected to my laptop. I use axios to make this request.

Initially I believed this was a CORS issue, but my local server is configured to allow all access - here is the same request from the browser:

I have been following the instructions here: https://eliteionic.com/tutorials/accessing-localhost-from-mobile-device-ios-android/

And I have also set various settings in my Info.plist to YES:
NSAllowsLocalNetworking - YES
NSAllowsArbitraryLoads - YES
NSAllowsArbitraryLoadsInWebContent - YES

Sadly, none of these have helped and I still see that error “could not connect to server” and “XMLHttpRequest cannot load … due to access control checks”. What am I missing?

1 post - 1 participant

Read full topic

Is there any way to display the large collapsable header on android like it’s displayed on ios? When I test with emulated iPhone, there’s a nice large header that rolls into a persistent header as you scroll down. This is not the case when I do any android emulation. I tried setting mode=“ios” on the header, but that doesn’t solve the issue.

<IonPage>
      <IonHeader>
        <IonToolbar>
          <IonTitle>{NAME}</IonTitle>
        </IonToolbar>
      </IonHeader>
      <IonContent fullscreen className="ion-padding">
        <IonHeader collapse="condense" mode="ios">
          <IonToolbar>
            <IonTitle size="large">
              <IonThumbnail>
                <IonImg class="title-icon" src="/assets/icon/leaf.svg" />
              </IonThumbnail>
              {NAME}
            </IonTitle>
          </IonToolbar>
        </IonHeader>
....

1 post - 1 participant

Read full topic