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" }
  ]
}```

link 到已部署站点： https://spa-ot24z7ugt.now.sh

我正在使用 'next/head' 中的 Head 生成 link 静态 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" }
    ]
}

Answer 2

对我来说，“_”目录被忽略了。

以 _ 作为前缀的文件（如 _next、_css、_js）对于 jekyll 是特殊的。您可以通过创建一个 .nojekyll 在你的 gh-pages repo 的根目录中文件并将其推送到 GitHub.

参考：https://github.blog/2009-12-29-bypassing-jekyll-on-github-pages/

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

next.js deployed using now missing styles, styles.css 404 response

css

devops

next.js