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

Question

第一次在这里提问，希望能把我的问题说清楚。在我最近的一项任务中，我正在将我们的应用程序升级到 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 模式下它看起来运行ning 正常，但是当我转到 localhost:3000 时它会抛出几个 500关于 CSS 个文件的错误。我看到应用程序的主页是普通的 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.

当我检查 docs of RoR, the match? method for ActionDispatch::FileHandler is not there, but in 6.0.3.2 docs 时，它可能会在没有通知的情况下被弃用。？。它是不是我故意调用的东西，它可能在 Rails 的某个地方被调用，当应用程序在运行宁在 production 模式时。

我的 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' %>

但运气不好:(

我也试过。

有谁知道如何确保 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

Answer 1

ActionDispatch::FileHandler

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

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

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

Answer 2

如果您对此有疑问并收到如下错误：

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' %>

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

Rails 6.1.1 doesn't load the webpacker created CSS files in production mode

ruby

actiondispatch

webpacker

ruby-on-rails-6.1

例子