Rails 6.1.1 不会在生产模式下加载 webpacker 创建的 CSS 文件

编程问答 2022-05-29

问题描述

这是我第一次在这里提问，我希望我能很好地解释我的问题。 在我最近的一项任务中，我将我们的应用程序升级到 Ruby 和 Rails（Ruby 2.6.6 > 2.7.2，Rails 6.0.3.2. > 6.1.1） 一路上我遇到了几个问题，升级了一些 gems 和 JS 库。应用程序在 development 模式下运行良好。但是，当我切换到 production 模式时，我会运行这些命令来编译和运行服务器。

RAILS_ENV=production bundle exec rake webpacker:compile
./node_modules/webpack/bin/webpack.js --config webpack.config.js

当我运行该应用程序时，在 production 模式下它看起来运行正常，但是当我转到 localhost:3000 时，它会引发几个关于 CSS 文件的 500 错误。我看到应用的主页是纯 HTML，没有 CSS。

2021-01-22 11:50:51 -0500 Rack app ("GET /assets/stylesheets/app-styles-3661efb317da3fb28f52.css" - (127.0.0.1)): #<NoMethodError: undefined method `match?' for #<Actiondispatch::FileHandler:0x00007ff610502c20>>
2021-01-22 11:50:25 -0500 Rack app ("GET /assets/landing.debug-05588bd014e46c264aaf6e00d2f5c570dd7ca3ed42336c2ff6d5c05bf986afe2.js" - (127.0.0.1)): #<NoMethodError: undefined method `match?' for #<Actiondispatch::FileHandler:0x00007ff610502c20>>
2021-01-22 11:50:25 -0500 Rack app ("GET /assets/companylogo-6700adf796812269b9428251803c253b9c073095ef511d3619d269a0fdd96435.png" - (127.0.0.1)): #<NoMethodError: undefined method `match?' for #<Actiondispatch::FileHandler:0x00007ff610502c20>>

错误中提到的文件存在于 /public 文件夹下。在浏览器的页面源中，我也可以看到路径。当我单击页面源上的文件夹路径时，我在浏览器上看到此错误。 An unhandled lowlevel error occurred. The application logs may have details.

当我检查 RoR 的 docs 时，match? 的 Actiondispatch::FileHandler 方法不存在，但在 6.0.3.2 docs 中，它可能在没有通知的情况下被弃用。？ .它不是我有意调用的，当应用在 production 模式下运行时，它可能在 Rails 中的某处调用。

我的 erb 文件中有这些帮助程序。

<%= javascript_pack_tag 'application' %>
<%= stylesheet_pack_tag 'application' %>

我尝试用

替换它们 
<%= stylesheet_pack_tag 'application',media: 'all','data-turbolinks-track': 'reload' %>
<%= javascript_pack_tag 'application','data-turbolinks-track': 'reload' %>

但没有运气:(

我也试过 this。

有谁知道我如何确保 Rails 正在加载这些文件并且可以在用户端访问？或者任何更好的调试建议表示赞赏！ 提前致谢！

注意：当我切换到 development 模式时，一切正常。 顺便说一句，我使用的一些软件包：

"@rails/webpacker": "5.2.1" #-> was 4.0.2
"webpack-bundle-analyzer": "3.3.2"
"webpack-manifest-plugin": "3.0.0-rc.0" #-> was 2.0.4
"webpack-cli": "4.4.0",#-> was 3.3.0 and it was only devDependency

解决方法

我们遇到了同样的问题，match? 缺少 ActionDispatch::FileHandler 方法

我们追溯到：https://github.com/romanbsd/heroku-deflater/issues/54

删除 heroku-deflater gem 为我们修复了它

,

如果您遇到此问题并收到如下错误：

ActionView::Template::Error (Webpacker can't find application.css in /webapp/public/packs/manifest.json. Possible causes:
1. You want to set webpacker.yml value of compile to true for your environment
   unless you are using the `webpack -w` or the webpack-dev-server.
2. webpack has not yet re-run to reflect updates.
3. You have misconfigured Webpacker's config/webpacker.yml file.
4. Your webpack configuration is not creating a manifest.
Your manifest contains:
{
  "application.js": "/packs/js/application-26b24ac7b08f8a1b640f.js","application.js.map": "/packs/js/application-26b24ac7b08f8a1b640f.js.map","entrypoints": {
    "application": {
      "js": [
        "/packs/js/application-26b24ac7b08f8a1b640f.js"
      ],"js.map": [
        "/packs/js/application-26b24ac7b08f8a1b640f.js.map"
      ]
    },}
):

您可以通过删除app/views/layouts/application.html.erb中的stylesheet_pack_tag来解决它。 javascript_pack_tag 指令加载 scss/css。 您可以在错误消息 entrypoints 中看到 scss 没有生成，它在 js 内部。由于过时的指南，我自己造成了这个错误。

示例

具有以下文件和内容：

app/javascript/packs/application.js

// rails generated stuff
import "styles/application.scss"

app/javascript/styles/application.scss

// some scss rules
body { background-color: red; }

app/views/layouts/application.html.erb：

<%= javascript_pack_tag 'application','data-turbolinks-track': 'reload' %>
actiondispatchrubyrubyrubyruby-on-rails-6.1webpacker