heroku - Rails 6 和 Tailwind CSS 没有部署到 Heroku

Question

我有一个成功部署到 Heroku 并在 localhost:3000 上运行的 Rails 6 应用程序。

我通过 yarn 和 webpack 添加了 tailwindcss。它在 localhost 上运行得很好，但不能在 heroku 上运行。当我运行时heroku logs出现以下错误

我已经阅读了所有 Heroku Rails 6 Webpacker 问题，并尝试了所有建议。没有任何效果。

1. 我已经注释掉了<%= stylesheet_pack_tag %>...没有帮助
2. 我extract_css: true在 webpacker.yml 文件中切换....没有帮助
3. 我跑了
   • heroku buildpacks:clear
   • heroku buildpacks:set heroku/nodejs
   • heroku buildpacks:add heroku/ruby ...没有帮助

有谁知道发生了什么？

我的 github 仓库是https://github.com/HundredBillion/enneagram

标签： herokuyarnpkgruby-on-rails-6webpackertailwind-css

Answer 1

在遇到类似问题时偶然发现了这篇文章，希望这些信息将来会对某人有所帮助。

我通过将“tailwindcss”引用从 devDependencies 移动到依赖项块解决了 package.json 文件中的问题。

{
  "name": "app_name",
  "private": true,
  "dependencies": {
    "@rails/actioncable": "^6.0.0",
    "@rails/activestorage": "^6.0.0",
    "@rails/ujs": "^6.0.0",
    "@rails/webpacker": "4.2.2",
    "jquery": "^3.5.1",
    "tailwindcss": "^1.2.0",  // <--- Now here.
    "turbolinks": "^5.2.0"
  },
  "version": "0.1.0",
  "devDependencies": {
                                    //<--- Was here.
    "webpack-dev-server": "^3.10.3"
  }
}