javascriptコードを実行して警告ダイアログを表示させたい。

前提・実現したいこと

Ruby、Ruby on rails を某参考書をもとに勉強しています。
JavaScriptコードが実行されると、ブラウザ上でHello,world!という警告ダイアログが表示されるとのことですが、http://localhost:3000/usersにアクセスするとエラーが出て解決できずにいます。
実現したい事はエラーを直して警告ダイアログを表示したのちに、Hello,world!の文字が太文字で表示されている状態です。
参考書を見たり、ネットで調べてみたのですが、解決せず、ここにて質問させて頂きました。

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

http://localhost:3000/usersにアクセスすると以下のメッセージが出てきます。
Sprockets::Rails::Helper::AssetNotFound in Users#index
Showing /Users/（ユーザー名）/Users/sample/app/views/users/index.html.erb where line #2 raised:

The asset "users.js" is not present in the asset pipeline.
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
Extracted source (around line #2):

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

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

ターミナルには以下の文章が出ています。

ActionView::Template::Error (The asset "users.js" is not present in the asset pipeline.):
    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/assets/stylesheets/users.scss

// Place all the styles related to the users controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
.users-index {
    font-weight: boid;
}

config/initializers/assets.rb

# Be sure to restart your server when you modify this file.

# Version of your assets, change this if you want to expire all your assets.
Rails.application.config.assets.version = '1.0'

# Add additional assets to the asset load path.
# Rails.application.config.assets.paths << Emoji.images_path
# Add Yarn node_modules folder to the asset load path.
Rails.application.config.assets.paths << Rails.root.join('node_modules')

# Precompile additional assets.
# application.js, application.css, and all non-JS/CSS in the app/assets
# folder are already added.
Rails.application.config.assets.precompile += %w( users.js users.css )

試したこと

config/initializers/assets.rbの一番下の「Rails.application.config.assets.precompile += %w( users.js users.css )」を# なしで保存しrails s　でサーバーを起動し、http://localhost:3000/usersにアクセスしたところエラーが出て困っています。
書籍にはusers.coffeeが書いてあったものの、見当たらないので、app/assets/の下にjavascriptsフォルダを作成し、その中に「users.coffee」を新規作成しました。

users.coffee

alert('Hello, world!')

と記述保存をし、http://localhost:3000/usersを再読み込みしてもエラーは変わらずでした。

ちなみに「javascriptsフォルダ」はapp/javascriptとして既に別に存在していましたが、書籍の通り、app/assets/javascripts/users.coffee　で半ば荒技で新たに作る形で記述をしてみました。
もしかしたら２重でエラーの原因になってしまうかもですが、試してみました。

しかし、エラーが解決しないところをみると、問題は当該のソースコードに問題があるのではと思うのですが、現時点で分からなかったので質問させていただきました。

どなたかcssが読み込まれ、表示する方法が分かる方いましたら、よろしくお願いいたします。

補足情報（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