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

CSS React.js

LMandy宝儿

2020-03-24

我正在使用next为学校项目构建一个简单的网站,并且现在设法使用了next.js应用程序的部署,但是没有应用任何样式。一切都很好,并且可以在localhost上正常运行(看起来)很好,但不能在线运行(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

我正在使用“下一个/头”中的Head来生成静态CSS文件的链接。

第3664篇《使用现在缺少的样式部署了next.js,styles.css 404响应》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
Harry前端神无 2020.03.24

我遇到了同样的问题,对我来说,解决方法是将style.css包含为静态版本:

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android