#404 Not Found on basic route

1 messages · Page 1 of 1 (latest)

opal oriole
#

Hi, just recently getting started with Remix. I'm running the very basic npx create-remix@latest with no changes. Trying to create my first route app/routes/register.tsx but no matter what I put in the file, I get a 404 Not Found error at the register endpoint. In the console however there's no errors. If I go elsewhere e.g /test I see the same thing in my browser, but I also get a clear error in the console that it's an unknown route. Currently my register.tsx file looks like this:

import type { MetaFunction } from "@remix-run/node";

export const meta: MetaFunction = () => {
  return [
    { title: "Register" },
  ];
};

export default function Register() {
  return <div>Register</div>;
}

Any ideas as to what the issue could be?

#

I've tried googling myself, but every result tackles nested route issues or adding a custom 404 error page, which aren't relevant for my current issue.

desert lion
#

register._index.tsx maybe?

opal oriole
#

Ill give that a try. It would make sense that thatd work, but then the docs should also be fixed

SmartSelect_20241014-063421_Chrome.jpg
pale void
#

your endpoint should work without register._index.tsx

maybe there is some typo? also you can try remove node_modules and re-install just in case

also you can try hard reload with purge cache in the browser

worthy rampart
#

everything we can see looks good

#

do you have anything in your root.tsx loader?

opal oriole
#

Update: works in chrome, but still get a visible error in cache purged safari that the route doesnt exist

opal oriole
#

The correct contents shows up for a split second before returning to the 404.

#

This is on the newest version of Safari - on Chrome it works as expected

opal oriole
worthy rampart
#

It’s probably your daisy ui code