Errors when deploying Heroku : Precompiling assets failed. Error: Cannot find module 'daisyui'

[A1-frkweiichi]

Hello, thank you from the bottom of my heart for developing the gem.

TailwindCSS/daisyUI is reflected in my local environment, but when I try to deploy to Heroku, I get the error "Precompiling assets failed. / Error: Cannot find module 'daisyui'".

macOS: Sonoma 14.5 / M2
ruby "3.3.2"
gem "rails", "~> 7.1.3", ">= 7.1.3.4"

$ git push heroku main
......
remote: -----> Detecting rake tasks
remote: -----> Preparing app for Rails asset pipeline
remote:        Running: rake assets:precompile
remote:
remote:        Rebuilding...
remote:        Error: Cannot find module 'daisyui'
remote:        Require stack:
remote:        - /tmp/build_8b6ff160/config/tailwind.config.js
remote:            at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
remote:            at Function._resolveFilename (pkg/prelude/bootstrap.js:1951:46)
remote:            at Function.resolve (node:internal/modules/cjs/helpers:108:19)
remote:            at Function.resolve (/snapshot/tailwindcss/standalone-cli/patch-require.js:34:38)
remote:            at _resolve (/snapshot/tailwindcss/node_modules/jiti/dist/jiti.js:1:251148)
remote:            at jiti (/snapshot/tailwindcss/node_modules/jiti/dist/jiti.js:1:253746)
remote:            at /tmp/build_8b6ff160/config/tailwind.config.js:21:5
remote:            at evalModule (/snapshot/tailwindcss/node_modules/jiti/dist/jiti.js:1:256443)
remote:            at jiti (/snapshot/tailwindcss/node_modules/jiti/dist/jiti.js:1:254371)
remote:            at /snapshot/tailwindcss/lib/lib/load-config.js:52:30 {
remote:          code: 'MODULE_NOT_FOUND',
remote:          requireStack: [ '/tmp/build_8b6ff160/config/tailwind.config.js' ]
remote:        }
remote:        rake aborted!
remote:        Command failed with exit 1: /tmp/build_8b6ff160/vendor/bundle/ruby/3.3.0/gems/tailwindcss-rails-2.6.1-x86_64-linux/exe/x86_64-linux/tailwindcss
remote:        /tmp/build_8b6ff160/vendor/bundle/ruby/3.3.0/gems/tailwindcss-rails-2.6.1-x86_64-linux/lib/tasks/build.rake:7:in `system'
remote:        /tmp/build_8b6ff160/vendor/bundle/ruby/3.3.0/gems/tailwindcss-rails-2.6.1-x86_64-linux/lib/tasks/build.rake:7:in `block (2 levels) in <main>'
remote:        Tasks: TOP => assets:precompile => tailwindcss:build
remote:        (See full trace by running task with --trace)
remote:
remote:  !
remote:  !     Precompiling assets failed.
remote:  !
remote:  !     Push rejected, failed to compile Ruby app.
remote:
remote:  !     Push failed
remote: Verifying deploy...
remote:
remote: !	Push rejected to tailwindcss-test.
remote:
To https://git.heroku.com/tailwindcss-test.git
 ! [remote rejected] main -> main (pre-receive hook declined)
error: failed to push some refs to 'https://git.heroku.com/tailwindcss-test.git'
~/workspace/tailwindcss-test

I did Adding a buildpack and deployed successfully.

$ rm -rf node_modules
$ npm init -y
$ npm install

$ heroku buildpacks:add --index 1 heroku/nodejs
$ heroku buildpacks:add --index 2 heroku/ruby

$ RAILS_ENV=production rails assets:precompile
$ git push heroku main
...
Verifying deploy... done.

---

However, I am wondering if there are simpler best practices.
If you, the community, know of any simpler best practices, could you please let me know?

The main commands and codes are as follows.

$ rails new tailwindcss-test -c tailwind -d postgresql
$ npm i -D daisyui@latest
$ rm app/assets/stylesheets/application.css
$ RAILS_ENV=production rails assets:precompile
$ git push heroku main
...
Error: Cannot find module 'daisyui'
Precompiling assets failed.

• config/tailwind.config.js

const defaultTheme = require('tailwindcss/defaultTheme')
module.exports = {
  content: [
    './public/*.html',
    './app/helpers/**/*.rb',
    './app/javascript/**/*.js',
    './app/views/**/*.{erb,haml,html,slim}'
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
      },
    },
  },
  plugins: [
    require('@tailwindcss/forms'),
    require('@tailwindcss/typography'),
    require('@tailwindcss/container-queries'),
    require('daisyui'),
  ]
}

All of the source code can be found here. (This is a version of the code that still produces errors when deployed.)
https://github.com/A1-frkweiichi/tailwindcss-test/commits/main/

Thank you.

[A1-frkweiichi]

I have explored the error details in the command, but there does not seem to be any new information.

$ RAILS_ENV=production bundle exec rake assets:precompile --trace

** Invoke assets:precompile (first_time)
** Invoke assets:environment (first_time)
** Execute assets:environment
** Invoke environment (first_time)
** Execute environment
** Invoke tailwindcss:build (first_time)
** Invoke environment
** Execute tailwindcss:build

Rebuilding...

🌼   daisyUI 4.12.2
├─ ✔︎ 2 themes added		https://daisyui.com/docs/themes
╰─ ❤︎ Support daisyUI project:	https://opencollective.com/daisyui


Done in 310ms.
** Execute assets:precompile

$ heroku logs --tail

2024-06-09T11:30:25.393695+00:00 app[api]: Release v1 created by user engineer.frkw@gmail.com
2024-06-09T11:30:25.393695+00:00 app[api]: Initial release by user engineer.frkw@gmail.com
2024-06-09T11:30:25.756753+00:00 app[api]: Release v2 created by user engineer.frkw@gmail.com
2024-06-09T11:30:25.756753+00:00 app[api]: Enable Logplex by user engineer.frkw@gmail.com
2024-06-09T15:05:22.000000+00:00 app[api]: Build started by user engineer.frkw@gmail.com
2024-06-09T15:05:58.000000+00:00 app[api]: Build failed -- check your build output: https://dashboard.heroku.com/apps/2cc29660-321e-41b9-be43-8e4214ca9bb0/activity/builds/4b53f3e9-1571-436e-a7c6-29c1e442aa86

-----> Building on the Heroku-22 stack
-----> Determining which buildpack to use for this app
-----> Ruby app detected
-----> Installing bundler 2.5.6
-----> Removing BUNDLED WITH version in the Gemfile.lock
-----> Compiling Ruby/Rails
-----> Using Ruby version: ruby-3.3.2
-----> Installing dependencies using bundler 2.5.6
       Running: BUNDLE_WITHOUT='development:test' BUNDLE_PATH=vendor/bundle BUNDLE_BIN=vendor/bundle/bin BUNDLE_DEPLOYMENT=1 bundle install -j4
       Fetching gem metadata from https://rubygems.org/.........
       Fetching rake 13.2.1
       Installing rake 13.2.1
       Fetching bigdecimal 3.1.8
       Fetching concurrent-ruby 1.3.2
       Fetching connection_pool 2.4.1
       Fetching drb 2.2.1
       Installing bigdecimal 3.1.8 with native extensions
       Installing connection_pool 2.4.1
       Installing drb 2.2.1
       Fetching minitest 5.23.1
       Fetching builder 3.3.0
       Installing minitest 5.23.1
       Installing builder 3.3.0
       Installing concurrent-ruby 1.3.2
       Fetching erubi 1.12.0
       Fetching racc 1.8.0
       Installing erubi 1.12.0
       Fetching crass 1.0.6
       Installing racc 1.8.0 with native extensions
       Installing crass 1.0.6
       Fetching rack 3.0.11
       Installing rack 3.0.11
       Fetching nio4r 2.7.3
       Fetching websocket-extensions 0.1.5
       Installing nio4r 2.7.3 with native extensions
       Installing websocket-extensions 0.1.5
       Fetching zeitwerk 2.6.15
       Installing zeitwerk 2.6.15
       Fetching marcel 1.0.4
       Installing marcel 1.0.4
       Fetching mini_mime 1.1.5
       Installing mini_mime 1.1.5
       Fetching msgpack 1.7.2
       Installing msgpack 1.7.2 with native extensions
       Fetching io-console 0.7.2
       Installing io-console 0.7.2 with native extensions
       Fetching webrick 1.8.1
       Installing webrick 1.8.1
       Fetching thor 1.3.1
       Installing thor 1.3.1
       Fetching pg 1.5.6
       Installing pg 1.5.6 with native extensions
       Fetching i18n 1.14.5
       Installing i18n 1.14.5
       Fetching tzinfo 2.0.6
       Installing tzinfo 2.0.6
       Fetching rack-session 2.0.0
       Installing rack-session 2.0.0
       Fetching rack-test 2.1.0
       Installing rack-test 2.1.0
       Fetching sprockets 4.2.1
       Installing sprockets 4.2.1
       Fetching websocket-driver 0.7.6
       Installing websocket-driver 0.7.6 with native extensions
       Fetching nokogiri 1.16.5 (x86_64-linux)
       Installing nokogiri 1.16.5 (x86_64-linux)
       Fetching reline 0.5.8
       Installing reline 0.5.8
       Fetching rackup 2.1.0
       Installing rackup 2.1.0
       Fetching puma 6.4.2
       Installing puma 6.4.2 with native extensions
       Fetching net-imap 0.4.12
       Installing net-imap 0.4.12
       Fetching net-pop 0.1.2
       Installing net-pop 0.1.2
       Fetching net-smtp 0.5.0
       Installing net-smtp 0.5.0
       Fetching loofah 2.22.0
       Installing loofah 2.22.0
       Fetching rdoc 6.7.0
       Installing rdoc 6.7.0
       Fetching bootsnap 1.18.3
       Installing bootsnap 1.18.3 with native extensions
       Fetching mail 2.8.1
       Installing mail 2.8.1
       Fetching rails-html-sanitizer 1.6.0
       Installing rails-html-sanitizer 1.6.0
       Fetching activesupport 7.1.3.4
       Installing activesupport 7.1.3.4
       Fetching rails-dom-testing 2.2.0
       Fetching globalid 1.2.1
       Fetching activemodel 7.1.3.4
       Installing globalid 1.2.1
       Installing rails-dom-testing 2.2.0
       Fetching activejob 7.1.3.4
       Fetching actionview 7.1.3.4
       Installing activemodel 7.1.3.4
       Installing activejob 7.1.3.4
       Installing actionview 7.1.3.4
       Fetching activerecord 7.1.3.4
       Installing activerecord 7.1.3.4
       Fetching actionpack 7.1.3.4
       Fetching jbuilder 2.12.0
       Installing jbuilder 2.12.0
       Installing actionpack 7.1.3.4
       Fetching actioncable 7.1.3.4
       Fetching actionmailer 7.1.3.4
       Installing actioncable 7.1.3.4
       Installing actionmailer 7.1.3.4
       Fetching sprockets-rails 3.5.1
       Fetching railties 7.1.3.4
       Installing sprockets-rails 3.5.1
       Installing railties 7.1.3.4
       Fetching activestorage 7.1.3.4
       Installing activestorage 7.1.3.4
       Fetching actionmailbox 7.1.3.4
       Fetching actiontext 7.1.3.4
       Installing actionmailbox 7.1.3.4
       Installing actiontext 7.1.3.4
       Fetching importmap-rails 2.0.1
       Fetching rails 7.1.3.4
       Fetching stimulus-rails 1.3.3
       Installing importmap-rails 2.0.1
       Installing rails 7.1.3.4
       Installing stimulus-rails 1.3.3
       Fetching turbo-rails 2.0.5
       Fetching tailwindcss-rails 2.6.1 (x86_64-linux)
       Installing turbo-rails 2.0.5
       Installing tailwindcss-rails 2.6.1 (x86_64-linux)
       Bundle complete! 15 Gemfile dependencies, 69 gems now installed.
       Gems in the groups 'development' and 'test' were not installed.
       Bundled gems are installed into `./vendor/bundle`
       Bundle completed (28.51s)
       Cleaning up the bundler cache.
       Removing bundler (2.5.6)
-----> Detecting rake tasks
-----> Preparing app for Rails asset pipeline
       Running: rake assets:precompile
       
       Rebuilding...
       Error: Cannot find module 'daisyui'
       Require stack:
       - /tmp/build_dbfd5286/config/tailwind.config.js
           at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
           at Function._resolveFilename (pkg/prelude/bootstrap.js:1951:46)
           at Function.resolve (node:internal/modules/cjs/helpers:108:19)
           at Function.resolve (/snapshot/tailwindcss/standalone-cli/patch-require.js:34:38)
           at _resolve (/snapshot/tailwindcss/node_modules/jiti/dist/jiti.js:1:251148)
           at jiti (/snapshot/tailwindcss/node_modules/jiti/dist/jiti.js:1:253746)
           at /tmp/build_dbfd5286/config/tailwind.config.js:21:5
           at evalModule (/snapshot/tailwindcss/node_modules/jiti/dist/jiti.js:1:256443)
           at jiti (/snapshot/tailwindcss/node_modules/jiti/dist/jiti.js:1:254371)
           at /snapshot/tailwindcss/lib/lib/load-config.js:52:30 {
         code: 'MODULE_NOT_FOUND',
         requireStack: [ '/tmp/build_dbfd5286/config/tailwind.config.js' ]
       }
       rake aborted!
       Command failed with exit 1: /tmp/build_dbfd5286/vendor/bundle/ruby/3.3.0/gems/tailwindcss-rails-2.6.1-x86_64-linux/exe/x86_64-linux/tailwindcss
       /tmp/build_dbfd5286/vendor/bundle/ruby/3.3.0/gems/tailwindcss-rails-2.6.1-x86_64-linux/lib/tasks/build.rake:7:in `system'
       /tmp/build_dbfd5286/vendor/bundle/ruby/3.3.0/gems/tailwindcss-rails-2.6.1-x86_64-linux/lib/tasks/build.rake:7:in `block (2 levels) in <main>'
       Tasks: TOP => assets:precompile => tailwindcss:build
       (See full trace by running task with --trace)

 !
 !     Precompiling assets failed.
 !
 !     Push rejected, failed to compile Ruby app.
 !     Push failed

[A1-frkweiichi]

My senior colleagues taught me the following.
I will try it now.

Anyway, there’s no path for this to work with this setup. You’ll need to use TW together with jsbundling-rails and a complete node setup.
#169 (comment)

[A1-frkweiichi]

I succeeded by combining jsbundling-rails & cssbundling-rails, not "rails new myapp -css tailwind".
Thank you for thinking about it with me.
I will leave the repository for if anyone else has the same problem.

https://github.com/A1-frkweiichi/tailwindcss-test2/commits/main/