Encountering a strange issue. My routing is properly configured and has been verified multiple times.
Oddly enough, page1, page3, and page5 are functioning correctly, while page2, page4, and page6 fail to redirect as expected.
Upon clicking the redirect button for page2, it takes me to the landing page instead. Even manually entering https://example.com/page2 results in the same: https://example.com without any content displayed.
Please review the routes provided below.
const routes: Routes = [
{ path: '', component: LandingComponent},
{ path: 'page1', component: Page1Component},
{ path: 'page2', component: Page2Component},
{ path: 'page3', component: Page3Component},
{ path: 'page4', component: Page4Component},
{ path: 'page5', component: Page5Component},
{ path: 'page6', component: Page6Component},
{ path: '**', component: NotFound404Component}
];
Furthermore, there seems to be an issue with a particular component failing to load.
@Component({
selector: 'app-page2',
templateUrl: './page2.component.html',
styleUrls: ['./page2.component.scss'],
animations: [
trigger('animation1', [
transition('void => *', useAnimation(flip))
]),
trigger('animation2', [
transition('void => *', useAnimation(bounceInDown), {
params: { timing: 3}
})
])
]
})
export class Page2Component implements OnInit {
constructor(public some: SomeService) { }
ngOnInit(): void {
}
}
The main issue appears to be with Chrome on iOS, unlike MacOS where everything works seamlessly - even when emulating an 'iPhone' device.
Any suggestions or insights would be greatly appreciated.