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

时间:2018-11-15 22:21:32

标签: css devops next.js

我正在使用next为学校项目构建一个简单的网站,并且现在我设法部署了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文件的链接。

2 个答案:

答案 0 :(得分: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" }
    ]
}

答案 1 :(得分:0)

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

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

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