ルーティングが上手くいきません。ルーティングでHTMLファイルを表示させたいです。

-------------------------server.jsの記述---------------------------------
const express = require('express');
const app = express();
const PORT = 2502;

// router
const shopRouter = require('./routes/shop');

app.use(express.static('public'));

// send homepage
app.get('/', (req, res) => {
res.sendFile(__dirname + ('/public/html/top/top.html'))
});

// routing
app.use('/shop', shopRouter);

// log
app.listen(PORT, () => {
console.log("START SERVER");
});

------------------------routes/shop.jsの記述-------------------------------
const express = require('express');
const router = express.Router();

router.get('/', (req, res) => {
res.sendFile(__dirname + '/public/html/shop/home.html')
});

router.get('/yakisoba', (req, res) => {
res.sendFile(__dirname + '/public/html/shop/yakisoba.html')
});

module.exports = router;