rails sでサーバーに接続した際にエラーが出るので解決したい。

Question

前提・実現したいこと

書籍「たった1日で基本が身につくRuby on Rails」を読みながらRuby on Railsを学んでいる初学者です。
ruby/railsは全てrbenvでインストールしてまとめて管理しようと思い、最初からHomebrewの環境構築を試みていました。
以下の3点は上手くインストールできました。
$ which ruby
/Users/ユーザ名/.rbenv/shims/ruby

$ which rails
/Users/ユーザ名/.rbenv/shims/rails

$ which gem
/Users/ユーザ名/.rbenv/shims/gem

しかし、書籍のアラート表示がうまくいきません。
app/assets/javascripts/users.coffee

# Place all the behaviors and hooks related to the matching controller here.
# All this logic will automatically be available in application.js.
# You can use CoffeeScript in this file: http://coffeescript.org/
alert('Hello, world!');

問題としては「<%= javascript_include_tag 'users' %>」の１文を削除すればエラーは消えるのですが、そうするとusers.coffeeのアラート表示が出せなくなってしまい困っています。

発生している問題・エラーメッセージ

Sprockets::Rails::Helper::AssetNotPrecompiled in Users#index
Showing /Users/ユーザー名/rails-app/app/views/users/index.html.erb where line #2 raised:

Asset `users.js` was not declared to be precompiled in production.
Declare links to your assets in `app/assets/config/manifest.js`.

  //= link users.js
and restart your server
--------------------------
Extracted source (around line #2):
<%= stylesheet_link_tag 'users' %>
<%= javascript_include_tag 'users' %>

<div class='users-index'><%= @hello %></div>

ターミナル

Started GET "/users/" for ::1 at 2020-03-21 23:45:35 +0900
   (0.1ms)  SELECT sqlite_version(*)
Processing by UsersController#index as HTML
  Rendering users/index.html.erb within layouts/application
  Rendered users/index.html.erb within layouts/application (Duration: 71.7ms | Allocations: 13547)
Completed 500 Internal Server Error in 80ms (ActiveRecord: 0.0ms | Allocations: 14733)


  
ActionView::Template::Error (Asset `users.js` was not declared to be precompiled in production.
Declare links to your assets in `app/assets/config/manifest.js`.

  //= link users.js
and restart your server):
    1: <%= stylesheet_link_tag 'users' %>
    2: <%= javascript_include_tag 'users' %>
    3: 
    4: <div class='users-index'><%= @hello %></div>
  
app/views/users/index.html.erb:2
app/controllers/users_controller.rb:5:in `index'

該当のソースコード

app/views/users/index.html.erb

<%= stylesheet_link_tag 'users' %>
<%= javascript_include_tag 'users' %>

<div class='users-index'><%= @hello %></div>

app/controller/users_controller.rb

class UsersController < ApplicationController
    def index
        @hello ='Hello, world!'

        render template: 'users/index'
    end
end

試したこと

エラーコードを見るとjavascript、webpacker、辺りに問題があるのではと思い、
app/views/users/index.html.erbのコードをincludeからpackへ変更しました。

<%= javascript_include_tag 'users' %>
↓
<%= javascript_pack_tag 'users' %>

再度rails sを行うと新たなエラーが発生したのでincludeに戻した状態で質問させてもらいました。

補足情報（FW/ツールのバージョンなど）

MacOS Catalina ver10.15.3
Ruby ver2.6.3
Rails ver6.0.2.1
VS Code ver1.42.1

書籍の環境
windows 10 Pro
Ruby ver2.4.1
Ruby on Rails ver5.1.2

Answer 1

Rails 6.0では、標準設定でCoffeeScriptは使えません。Sprockets（app/assets/以下）に入れるにしても、Webpacker（app/javascripts/以下）に入れるにしても、相応の準備が必要になります。

そして、残念ながらCoffeeScript自体が廃れてきてしまっているので、「よほどCoffeeScriptを気に入っている」あるいは「CoffeeScriptによる既存のコードがある」といった状況でなければ、JavaScriptで直接書くほうが良い選択かと思います。

Comments

[wesker.alice]

ご回答ありがとうございます。

CoffeeScriptでなければいけないわけではなく、書籍に書かれている内容がたまたまCoffeeScriptでの記述方法だったというだけなので、状況的に書籍の内容を一通り実行できるようになれば第一目標クリアと考えています。
ーーーーーーーーーーーーーーーーーーーーーーーーーーー
「ページ毎にアセットが読み込まれることを動作確認する」
rails sコマンドでRailsアプリを起動し、「http://localhost:3000/users」にアクセスし、アセットが読み込まれることを確認します。「Hello,world!」というアラートが表示され、OKを押すとページに表示される「Hello,world!」という文字が太文字になっていることが確認できます。
書籍の引用
ーーーーーーーーーーーーーーーーーーーーーーーーーーー
app/views/layouts/application.html.erb
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
上記のコードに対し、エラーが出ていたので削除したところ、ページを表示した時に、無事にアラートが表示されました。

なぜエラーが直ったのか、いまいち分かりませんが、Rails が新しくなった際に不要になったのでしょうか？