Rails 6 Font Awesome 5 生产问题

Question

我的 Rails 6 应用程序在生产模式下遇到了一个非常奇怪的问题。我部署了一个新版本而没有为 webpacker 做任何改变，突然我的 Font Awesome 5 Icons 不再加载了。我尝试了我能想到的一切，但没有任何效果。 在开发中，我的图标加载没有问题，没有显示错误。 然后，如果我使用 Capistrano 部署我的应用程序，一切正常，但图标不会显示。

# application.scss
$fa-font-path: '~@fortawesome/fontawesome-free/webfonts'; 
@import '~@fortawesome/fontawesome-free/scss/fontawesome';
@import '~@fortawesome/fontawesome-free/scss/solid';
@import '~@fortawesome/fontawesome-free/scss/regular';

# application.js
import "@fortawesome/fontawesome-free/js/all";
import "@fortawesome/fontawesome-free/css/all";

我不知道几天前一切正常，我的图标显示在开发和生产环境中，突然间，我可以做我想做的事了，它坏了：

我不知道我是怎么得到这个错误的，我正在使用带有 NGINX 的 Phusion Passenger，但没有改变配置。我确保 webfonts 存在于正确的文件夹中，但我不断收到此错误。 我不知道为什么要拒​​绝连接，似乎存在的其他网络字体可用。

编辑： 我试图清除我的浏览器缓存，我尝试了 ipconfig /flushdns 并在我的手机等上进行了测试，在任何地方我都得到了同样的错误。

编辑2： 如果我从包目录中删除字体，我会收到以下错误：

在以下位置访问字体 'http://localhost:3000/packs/media/webfonts/fa-solid-900-f6121be5.woff2' 来自原点“http://webmenue2019.de”已被 CORS 策略阻止： 请求中不存在“Access-Control-Allow-Origin”标头 资源。

编辑3： 我在 Chrome 中挖掘时注意到这些 webfonts 是从 localhost:3000 加载的！但为什么呢？

Answer 1

我也有同样的问题，我的修复是我删除了 application.scss 中的所有字体很棒 @import 并将其添加到我的 application.js：

import "@fortawesome/fontawesome-free/js/all";
import "@fortawesome/fontawesome-free/css/all";