Rails 6 和 Tailwind CSS 不会部署到 Heroku

Question

我有一个 Rails 6 应用程序，它成功部署到 Heroku 并在 localhost:3000 上工作。

我通过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

Answer 1

我和你有同样的问题，但我试过这个，它对我有用。

在 config/webpacker.yml 中，你必须设置 extract_css: true 默认为 false。

Answer 2

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

我通过将“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"
  }
}

Answer 3

我有一些建议给你，请告诉我哪一个（如果有的话）适合你。

在 webpacker.yml 中，对于以下选项的所有实例

check_yarn_integrity: false
compile: true

尝试

./bin/setup
rails webpacker:clobber
rails webpacker:compile

如果上述方法均无效，那么以下链接之一可能会有所帮助：

• https://github.com/tailwindcss/discuss/issues/4#issuecomment-341918136
• https://github.com/rails/tailwindcss-rails