Adding TailwindCSS to Rails Discussion

For those with the problem of "bin/dev: line 8: exec: foreman: not found"

• Install the foreman gem -> bundle add foreman.
• Add the "bundle" word to the beginning of this line of code (bundle/dev file - line 8) -> exec foreman start -f Procfile.dev "$@" .

'Prose' command is not working for me. Does anyone have any idea?

I also get the same problem.

I'm trying to start my application after install tailwindcss and i having a problem.

does anyone know how I can solve this?

\17:56:19 web.1  | started with pid 1396932
17:56:19 css.1  | started with pid 1396933
17:56:20 web.1  | => Booting Puma
17:56:20 web.1  | => Rails 7.0.8 application starting in development 
17:56:20 web.1  | => Run `bin/rails server --help` for more startup options
17:56:20 web.1  | A server is already running. Check /tmp/pids/server.pid.
17:56:20 web.1  | Exiting
17:56:20 web.1  | exited with code 1
17:56:20 system | sending SIGTERM to all processes
17:56:20 css.1  | rails aborted!
17:56:20 css.1  | SignalException: SIGTERM (SignalException)
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/tailwindcss-rails-2.3.0-x86_64-linux/lib/tasks/build.rake:17:in `system'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/tailwindcss-rails-2.3.0-x86_64-linux/lib/tasks/build.rake:17:in `block (2 levels) in <main>'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/rake-13.1.0/lib/rake/task.rb:281:in `block in execute'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/rake-13.1.0/lib/rake/task.rb:281:in `each'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/rake-13.1.0/lib/rake/task.rb:281:in `execute'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/rake-13.1.0/lib/rake/task.rb:219:in `block in invoke_with_call_chain'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/rake-13.1.0/lib/rake/task.rb:199:in `synchronize'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/rake-13.1.0/lib/rake/task.rb:199:in `invoke_with_call_chain'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/rake-13.1.0/lib/rake/task.rb:188:in `invoke'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/rake-13.1.0/lib/rake/application.rb:182:in `invoke_task'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/rake-13.1.0/lib/rake/application.rb:138:in `block (2 levels) in top_level'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/rake-13.1.0/lib/rake/application.rb:138:in `each'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/rake-13.1.0/lib/rake/application.rb:138:in `block in top_level'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/rake-13.1.0/lib/rake/application.rb:147:in `run_with_threads'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/rake-13.1.0/lib/rake/application.rb:132:in `top_level'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/railties-7.0.8/lib/rails/commands/rake/rake_command.rb:24:in `block (2 levels) in perform'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/rake-13.1.0/lib/rake/application.rb:208:in `standard_exception_handling'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/railties-7.0.8/lib/rails/commands/rake/rake_command.rb:24:in `block in perform'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/rake-13.1.0/lib/rake/rake_module.rb:59:in `with_application'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/railties-7.0.8/lib/rails/commands/rake/rake_command.rb:18:in `perform'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/railties-7.0.8/lib/rails/command.rb:51:in `invoke'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/railties-7.0.8/lib/rails/commands.rb:18:in `<main>'
17:56:20 css.1  | vendor/bundle/ruby/3.2.0/gems/bootsnap-1.18.3/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:30:in `require'
17:56:20 css.1  | Tasks: TOP => tailwindcss:watch
17:56:20 css.1  | (See full trace by running task with --trace)
17:56:20 css.1  | 
17:56:20 css.1  | Rebuilding...
17:56:20 css.1  | exited with code 1

If you're on WSL and your hot reload for tailwind isn't working, forcing you to stop and restart bin/dev, update your Procfile.dev's css line to be: css: bin/rails tailwindcss:watch[debug,poll]