next.js 使用现在缺少的样式进行部署,styles.css 404 响应
next.js deployed using now missing styles, styles.css 404 response
我正在使用 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 文件。
我遇到了同样的问题,我的解决方法是将 style.css 作为静态构建包含在内:
{
"version": 2,
"name": "wp-nextjs",
"public": true,
"builds": [
{ "src": "package.json", "use": "@now/next" },
{ "src": "static/css/style.css", "use": "@now/static" }
]
}
对我来说,“_”目录被忽略了。
以 _ 作为前缀的文件(如 _next、_css、_js)对于 jekyll 是特殊的。您可以通过创建一个
.nojekyll
在你的 gh-pages repo 的根目录中文件并将其推送到 GitHub.
参考:https://github.blog/2009-12-29-bypassing-jekyll-on-github-pages/
我正在使用 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 文件。
我遇到了同样的问题,我的解决方法是将 style.css 作为静态构建包含在内:
{
"version": 2,
"name": "wp-nextjs",
"public": true,
"builds": [
{ "src": "package.json", "use": "@now/next" },
{ "src": "static/css/style.css", "use": "@now/static" }
]
}
对我来说,“_”目录被忽略了。
以 _ 作为前缀的文件(如 _next、_css、_js)对于 jekyll 是特殊的。您可以通过创建一个
.nojekyll
在你的 gh-pages repo 的根目录中文件并将其推送到 GitHub.
参考:https://github.blog/2009-12-29-bypassing-jekyll-on-github-pages/