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

Question

这是我第一次在这里提问，我希望我能解释清楚我的问题。在我最近的一个任务中，我正在将我们的应用程序升级到Ruby和Rails (Ruby 2.6.6>2.7.2, Rails 6.0.3.2。比;但是)一路上我遇到了几个问题，升级了一些宝石和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的文档时，ActionDispatch::FileHandler的match?方法不在那里，但在6.0.3.2文档中，它被弃用了，没有通知，可能。它是而不是我有意调用的东西，当应用程序在production模式下运行时，它可能在Rails中的某个地方调用。

我在我的动词文件中有这些帮助。

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

but no luck:(

我也试过了。

是否有人有一个想法，我怎么能确保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宝石为我们修复了它

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中。这个错误是我自己造成的，因为我使用了过时的指南。 <标题>

例子使用以下文件&内容:

应用程序/javascript/包/application.js

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

应用程序/javascript/风格/application.scss

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

app/views/布局/application.html.erb:

<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>