4

这是我第一次在这里提问,我希望我能很好地解释我的问题。在我最近的一项任务中,我正在将我们的应用程序升级到 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它时,它会引发一些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.

当我检查RoR的文档match?时,该方法ActionDispatch::FileHandler不存在,但在6.0.3.2 文档中,它已被弃用,恕不另行通知,也许.?。这不是我故意调用的,它可能是在应用程序在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' %>

但没有运气:(

我也试过这个

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

2 回答 2

2

match?我们对缺少的方法有同样的问题ActionDispatch::FileHandler

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

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

于 2021-01-26T13:37:13.817 回答
0

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

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"
      ]
    },
  }
):

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

例子

具有以下文件和内容:

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

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

应用程序/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' %>
于 2021-02-04T23:22:15.467 回答