如何使样式和字体在 Heroku 上工作答案

【问题标题】：How do I make styling and fonts work on Heroku如何使样式和字体在 Heroku 上工作
【发布时间】：2019-03-17 18:02:16
【问题描述】：

我在名为 client 的文件夹中有一个带有 create-react-app 项目的节点项目。

它是在 Heroku 上设置的，并使用 git push heroku master 进行部署和工作（功能性），但没有任何样式处于活动状态，并且使用了错误的字体。

这一切都在本地主机上运行。

在项目 package.json 我有

"heroku-postbuild": "cd client && npm install && npm run build"

在客户端 package.json 中

  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

在 Heroku 设置或日志或任何文档中找不到任何错误，甚至有点茫然从哪里开始寻找

【问题讨论】：

我会先查看浏览器的开发工具。是否找不到某些资源（HTTP 404）？控制台或网络选项卡中是否还有其他错误？根据您迄今为止分享的内容，我们不太可能为您提供帮助。
有什么我可以分享的更有启发性的吗？控制台没有错误
您在网络选项卡中看到您的样式文件已成功加载？
网络选项卡中没有错误，如果再次加载，则全部为 200 或 304。我应该看到一些样式特定的文件加载吗？我没有看到任何明显的东西，几个 chunk.js 文件？并感谢您的帮助，我很感激！
好的，所以我认为可能只是css文件没有被构建、加载、使用，一个纯反应样式的页面可以正常工作

标签： reactjs heroku create-react-app

【解决方案1】：

在 index.html 中包含 css 文件

【讨论】：