Node.js NextJS'/'；js不加载任何内容

我是Next.js新手我遇到了一个问题，

http://localhost:3000

在使用客户端路由时不起作用，但在使用刷新时加载

显示导航的My

Header.js

文件

import Link from 'next/link'
const Header = () => (
    <div>
        <Link href='/'>
          <a style={linkStyle}>Home</a>
        </Link>

        <Link href='/about'>
          <a style={linkStyle}>About</a>
        </Link>

        <Link href='/listing'>
            <a style={linkStyle}>Search</a>
        </Link>

    </div>
)

export default Header

---

我的

/about

和

/listing

页面工作正常，如果我使用

/不存在的url

，它将

返回404

。但是，我无法在客户端链接到

/

，显然这是下一个css的错误

const express = require('express')
const next = require('next')

const dev = process.env.NODE_ENV !== 'production'
const app = next({ dev })
const handle = app.getRequestHandler()

app.prepare().then(() => {
  const server = express()

  server.get('/listing/:id', (req,res) => {
    const actualPage = '/listing'
    const queryParams = {
      id: req.params.id
    }
    app.render(req, res, actualPage, queryParams)

  })

  server.get('*', (req,res) => {
    return handle(req, res)
  })

  server.listen(3000, (err) => {
    if (err)
      throw err
    console.log('> Ready on http://localhost:3000')
  })
}).catch((ex) => {
  console.error(ex.stack)
  process.exit(1)
})

const withCSS = require('@zeit/next-css')
module.exports = withCSS({/* my next config */})

这两个线程正在讨论这个问题，显然很难修复，以防有人偶然遇到同样的错误

以上帖子建议的临时解决方案对我来说很有效

创建一个空的css文件并将其导入_app.js