router-outlet not rendering any content

[high wind]

What the heck? Why was my post insta-deleted? :x

Yeah. As I don't want to explain it in detail again, heres the short version:

Alright... I'm having a mental breakdown right here, as my second explanation got deleted AGAIN because there was one bad word in it... Sooo here we go again!

First time using Angular. Angular 17, only standalone modules. I'm trying to create a flashcard app that mimics the behavior of https://kanatrainer.de, only with words and phrases. At first everything worked and got rendered, but down the line I've fricked up and don't know where. It should render the kana.component.html in router-outlet, but it doesn't. It's showing noting that is configured under routes. Only the header and footer are rendered.

Here's my code: https://stackblitz.com/~/github.com/axelcypher/kotoba.no.sensei Could anyone take a quick look at the routing? There's not much functionality behind the app, basically it's only serving static content as SPA right now.

[unique jackal]

Hello, because we have a bot filtering some sensitive content, like swearing.

[high wind]

Aye, figured that out after the second time 😅

[north wagon]

There are a couple of things I'm seeing that may be the problem.

1. It doesn't look like the router has been provided. That is usually done in an app.config.ts file then passed in to the applicationBootstrap() function in the main.ts. Your app doesn't appear to have that file but you can provide it directly to the function if you prefer.
2. Angular will usually yell at you when you use '/' in a routes path property. Once you provide the router, you may need to remove those.

[high wind]

thank you so much! it worked! i remember that i edited the applicationBootstrap() function, and trusted chatgpt a little to much with that snippet 🙈