css - next.js 使用现在缺少的样式部署，styles.css 404 响应

Question

我正在使用 next 为学校元素构建一个简单的网站，并且我设法使用 now 部署了 next.js 应用程序，但没有应用任何样式。一切都很好，在本地主机上工作(看起来)很好，但在网上不是(https://spa-ot24z7ugt.now.sh)。

我猜它与 now.json 文件有关，但他们的文档使它看起来一切都开箱即用，而且它有点真实，除了样式。我查看了文档但找不到任何内容，我想知道是否有人有使用 now 和 next.js 的经验。

我的 now.json 文件:

```{
  "version": 2,
  "builds": [
    { "src": "next.config.js", "use": "@now/next" }
  ]
}```

已部署站点的链接: https://spa-ot24z7ugt.now.sh

我正在使用“next/head”中的 Head 来生成静态 CSS 文件的链接。

Answer 1

我遇到了同样的问题，我的解决方法是将 style.css 作为静态构建包含在内:

{
    "version": 2,
    "name": "wp-nextjs",
    "public": true,
    "builds": [
        { "src": "package.json", "use": "@now/next" },
        { "src": "static/css/style.css", "use": "@now/static" }
    ]
}