如何解决Rails 6.1.1 不会在生产模式下加载 webpacker 创建的 CSS 文件
这是我第一次在这里提问,我希望我能很好地解释我的问题。
在我最近的一项任务中,我将我们的应用程序升级到 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' %>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。