Question

我正在使用Next.js构建我的网站。我使用express.js服务器修改了服务器，因此我在项目的根文件夹中有server.js。

当我启动运行npm run dev的服务器node server.js时，我的主页将正确呈现。但是，当我导航到网站上的其他页面时，不会加载CSS。但是，如果刷新页面，它将加载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('*', (req, res) => {
    return handle(req, res)
  })

  const port = process.env.PORT || 3000

  server.listen(port, err => {
    if (err) throw err
    console.log(`> Ready on port ${port}...`)
  })
})

这是我的server.js文件。我认为代码没有问题。我使用@ zeit / next-less包来编译我的LESS样式表请帮助

谢谢

Answer 1

查看以下内容：https://github.com/zeit/next-plugins/issues/282

简而言之：

在/ static /目录中创建一个空CSS文件。
将其导入_app.js：

import '../static/jank-empty.css';

我希望这会有所帮助。

未加载Next.js样式表

1 个答案: