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添加到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助手中的名字是webpack想要捆绑的东西(来自您的\app\javascript\packs文件夹)，但也是您的布局所要寻找的、由some (来自您的\public\packs\css文件夹)捆绑的样式表名称。确实让感到困惑，但我想这是超越配置的约定。它还与上面抛出的错误一起摇摆。如果您将标记重命名为application，那么它应该解决您的错误(至少它似乎对我有用)。也许stylesheets名称与较旧的rails版本相关？