Route error on Jokes tutorial

[dreoliv]

I'm following the Jokes tutorial and stumbled upon an error after creating the app/routes/jokes/index.tsx route:

Error: You made a GET request to http://localhost:3000/jokes but did not provide a `loader` for route "routes/jokes/index", so there is no way to handle the request.
    at Object.callRouteLoader (/Users/andre/dev/dolla/node_modules/@remix-run/server-runtime/data.js:67:11)
    at handleResourceRequest (/Users/andre/dev/dolla/node_modules/@remix-run/server-runtime/server.js:457:25)
    at requestHandler (/Users/andre/dev/dolla/node_modules/@remix-run/server-runtime/server.js:66:26)
    at /Users/andre/dev/dolla/node_modules/@remix-run/express/server.js:45:28
    at /Users/andre/dev/dolla/node_modules/@remix-run/serve/index.js:44:7
    at Layer.handle [as handle_request] (/Users/andre/dev/dolla/node_modules/express/lib/router/layer.js:95:5)
    at next (/Users/andre/dev/dolla/node_modules/express/lib/router/route.js:137:13)
    at next (/Users/andre/dev/dolla/node_modules/express/lib/router/route.js:131:14)
    at next (/Users/andre/dev/dolla/node_modules/express/lib/router/route.js:131:14)
    at next (/Users/andre/dev/dolla/node_modules/express/lib/router/route.js:131:14)

Here's my package.json:

{
  "private": true,
  "name": "remix-app-template",
  "description": "",
  "license": "",
  "scripts": {
    "build": "remix build",
    "dev": "remix dev",
    "postinstall": "remix setup node",
    "start": "remix-serve build"
  },
  "dependencies": {
    "@prisma/client": "^3.7.0",
    "@remix-run/react": "^1.1.1",
    "@remix-run/serve": "^1.1.1",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "remix": "^1.1.1"
  },
  "devDependencies": {
    "@remix-run/dev": "^1.1.1",
    "@types/react": "^17.0.24",
    "@types/react-dom": "^17.0.9",
    "prisma": "^3.7.0",
    "typescript": "^4.1.2"
  },
  "engines": {
    "node": ">=14"
  },
  "sideEffects": false
}

I managed to make the error go away by adding a simple loader function:

export const loader: LoaderFunction = async () => {
  return null
}

I wonder if I'm doing something wrong or maybe the tutorial is not 100% in line with the latest version of Remix?

[silvenon]

If this loader is the entire contents of your app/routes/jokes/index.tsx file, then the error makes sense. Routes must export either a component or a loader or both. If it doesn't, but the file exists, then Remix rightfully fails because of that.