express 路由問題

本人新手, 剛剛接觸node.js和express框架, 按照網(wǎng)上教程配置了一下路由但是出現(xiàn)了一點問題, 如下:

首先文件結(jié)構(gòu)如下:

主文件index.js代碼如下:

const express = require('express')
const app = express()
const indexRouter = require('./routes/index')
const userRouter = require('./routes/about')

app.use('/', indexRouter.router)
app.use('/about', userRouter.router)

app.listen(3000, () => {
    console.log('App listening on port 3000!')
})

routes/index.js如下:

const express = require('express')
const router = express.Router()

router.get('/', (req, res) => {
    res.send('home')
})

module.exports = {
    router: router
}

routes/about.js如下:

const express = require('express')
const router = express.Router()

router.get('/about', (req, res) => {
    res.send('about')
})

module.exports = {
    router: router
}

其他配置文件都是沒問題的, 但是運行服務(wù)器的時候, localhost:3000/about頁面一直報錯, 而localhost:3000/確實正常的, 如下:

自己試著解決了一下, 如果將routes/index.js和routes/about.js文件都寫到index.js文件里面(不用模塊導出), 那么about頁面時可以正常響應(yīng)的, 但是放到不同的模塊里面就不行.

本人剛剛接觸這方面, 也不是很懂問題到底出在哪里, 希望能有前輩指導一下, 謝謝!