ruby-on-rails - Webpacker 部署问题 Rails 6

Question

错误代码如下:

ActionView::Template::Error (Webpacker can't find stylesheets in /app/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.css": "/packs/css/application-77c6d56c.css",
     "application.js": "/packs/js/application-202b434086ff6248f760.js",
     "application.js.map": "/packs/js/application-202b434086ff6248f760.js.map",
     "entrypoints": {
     "application": {
     "css": [ "/packs/css/application-77c6d56c.css" ],
     "js": [ "/packs/js/application-202b434086ff6248f760.js" ],
     "js.map": [ "/packs/js/application-202b434086ff6248f760.js.map" ]

违规代码是:

7:     <%= stylesheet_link_tag "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" %>
8:     <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
9:     <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
10:     <%= stylesheet_pack_tag 'stylesheets', media: 'all', 'data-turbolinks-track': 'reload' %>
11:     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
12:     <link rel="stylesheet" href="https://unpkg.com/tailwindcss/dist/tailwind.min.css">

我意识到我有不必要的 link_tag，但我把它们放在那里只是为了确保一切都正确进行。所有这些在开发中都能完美运行，但一旦部署到 Heroku，它就会在这里崩溃，所以现在没有任何工作。

我尝试添加一些@import(s) 来连接所有的 css/js 文件，但无济于事。我不确定此时的问题是什么。

使用 Rails 6、Webpacker、TailwindCSS，没有使用真正的 JS，因此删除所有脚本内容不是真正的问题，我只是离开它，因为这是一个仍在开发中的项目，并且在某个时候会包含 JS。

Answer 1

我遇到了同样的问题并注意到几个用于将 Tailwind CSS 添加到 Rails 的模板/教程指定添加到 application.html.erb :

<%= stylesheet_pack_tag 'stylesheets', media: 'all', 'data-turbolinks-track': 'reload' %>

而其他人指定:

<%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>

不是 webpack 专家，但通过阅读使我确信 stylesheet_pack_tag 中的名称helper 是 webpack 将要捆绑的内容(来自您的\app\javascript\packs 文件夹)，但它也是您的布局正在寻找的由 webpack 捆绑的样式表名称(来自您的\public\packs\css 文件夹)。这确实令人困惑，但我想这是约定优于配置的事情。它还与上面抛出的错误有关。如果您将标签重命名为 application它应该可以解决您的错误(至少它似乎对我有用)。也许是 stylesheets名称与旧版 Rails 相关吗？