elm-spa | single page apps | Single Page Application library

I am trying to build a SPA with Elm and create three pages, that should show the content, depends on URL.

The content of these three pages are similar, for example Page.elm:

I started on my first, simple web app in Elm. Most of my code is currently adapted from https://github.com/rtfeldman/elm-spa-example. I am working against a API that will give me a authToken in the response header. I have a AuthToken type that is supposed to represent that token. Taking the value out of the header and converting it to a result that's either a error String or a AuthToken is causing trouble. I expected that I could just say I am returning a AuthToken, return a String and it would be fine because my AuthTokens right now are just Strings. It seems like there clearly is something about Elm types I am not understanding.

Here is the definition of AuthToken:

I am using elm-spa-example model and I have a Session that contains a List Recipe as well as a Model that contains a recipeID

I'd like to build a SelectList that would select the recipe that has got the RecipeID in the list.

Ideally I would use something like:

SelectList.selectFromList : (a -> Bool) -> List a -> SelectList a

I my case I would do:

SelectList.selectFromList (\recipe -> recipe.id == recipeID) session.recipes

I've been reading over Richard Feldman's Elm SPA app example, and I'm seeing a number of examples of things like this:

When I attempt to compile the Main.elm file (via Ctrl+F5) using Visual Studio Code, I receive the following error:

Error: elm-make: c:\Users\Bizmonger\Documents\Visual: openFile: does not exist (No such file or directory)

Note:

I am trying to compile an Elm solution that I cloned from GitHub.

Here's the parent directory:

Here's the src directory with the elm files:

Why am I receiving this error?