Trouble having "unnamed" tabs route

Hello, I’ve been struggling with this issue for a few hours now.

I want to use ionic tabs, but I don’t want the route to “tabs” to have the name “tabs”.
I don’t want myapp.com/tabs/tab1 , I want myapp.com/tab1 .

Remove the name “tabs” from all the routing causes the tabs to not work.

I can navigate directly to the tab urls and the component will load, but the tab buttons don’t activate, and they will go to the wrong url.

If I’m on tab1, the tab2 link will try to route to “tab1/tab2” which fails, instead of just going to the route “tab2”.

Is there no way to have the main tabs route be “unnamed”?

Here’s an example repo https://github.com/cjdreiss/ionic-unnamed-tabs/tree/master . and demo of the issue https://ionic-unnamed-tabs.firebaseapp.com/

Full package.json so you don’t need to click:

{
name: "ionic-unnamed-tabs",
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.1.2",
@angular/core: "~8.1.2",
@angular/forms: "~8.1.2",
@angular/platform-browser: "~8.1.2",
@angular/platform-browser-dynamic: "~8.1.2",
@angular/router: "~8.1.2",
@ionic-native/core: "^5.0.0",
@ionic-native/splash-screen: "^5.0.0",
@ionic-native/status-bar: "^5.0.0",
@ionic/angular: "^4.7.1",
core-js: "^2.5.4",
rxjs: "~6.5.1",
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.1.2",
@angular-devkit/schematics: "~8.1.2",
@angular/cli: "~8.1.2",
@angular/compiler: "~8.1.2",
@angular/compiler-cli: "~8.1.2",
@angular/language-service: "~8.1.2",
@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",
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"
}

What version of @ionic/angular are you running?

It’s in the repo, but I’ve added full package json to the original post.

^4.7.1

not sure how I missed that
Should be manageable by changing the routing path for the tabs page. The template sets it to 'tabs' by default but you can change it

Yes, I can change it, but I want it to be nothing. It seems it has to be something which is my problem.

I am running into the same exact issue. I’ve searched for hours too with no answer. I want to use tab routing but I do not want to be forced to use child routes. Did you ever find a solution?

Nope, I had to keep child routes and move my “homepage” in to the ionic app itself.