PFに管理者機能を導入したい

Question

実現したいこと

PFに管理者機能を導入しようとしているのですが、上手くいかないので、解決したいです。

前提

以下が自分の書いたコードになります。
app/assets/javascripts/admin.js

//= require jquery3
//= require jquery_ujs

//= require admin-lte/plugins/bootstrap/js/bootstrap.bundle.min  
//= require admin-lte/dist/js/adminlte.min

app/assets/javascripts/application.js

//= require jquery3
//= require popper
//= require bootstrap-sprockets

//= require rails-ujs
//= require activestorage

//= require cable.js

app/assets/stylesheets/admin.scss

@import 'admin-lte/plugins/fontawesome-free/css/all.min.css';
@import 'admin-lte/dist/css/adminlte.min.css';

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
Rails.application.config.assets.paths << Rails.root.join("node_modules/bootstrap-icons/font")

# 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( admin.js admin.css )

package.json

{
  "name": "app",
  "private": "true",
  "dependencies": {
    "@fortawesome/fontawesome-free": "^6.4.0",
    "@hotwired/stimulus": "^3.2.1",
    "@hotwired/turbo-rails": "^7.3.0",
    "@popperjs/core": "^2.11.8",
    "admin-lte": "^3.2.0",
    "bootstrap": "~4.5.1",
    "bootstrap-icons": "^1.10.5",
    "esbuild": "^0.17.19",
    "jquery": "^3.7.0",
    "sass": "^1.62.1"
  },
  "scripts": {
    "build": "esbuild app/javascript/*.* --bundle --sourcemap --outdir=app/assets/builds --public-path=assets",
    "build:css": "sass ./app/assets/stylesheets/application.bootstrap.scss:./app/assets/builds/application.css --no-source-map --load-path=node_modules"
  }
}

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

Sprockets::FileNotFoundというエラーメッセージが出ました。

ActionView::Template::Error (couldn't find file 'admin-lte/plugins/bootstrap/js/bootstrap.bundle.min' with type 'application/javascript'
Checked in these paths: 
  /Users/inagakiyuya/workspace/pf/stressdiary/app/assets/builds
  /Users/inagakiyuya/workspace/pf/stressdiary/app/assets/config
  /Users/inagakiyuya/workspace/pf/stressdiary/app/assets/images
  /Users/inagakiyuya/workspace/pf/stressdiary/app/assets/javascripts
  /Users/inagakiyuya/workspace/pf/stressdiary/app/assets/stylesheets
  /Users/inagakiyuya/.rbenv/versions/3.2.1/lib/ruby/gems/3.2.0/gems/jquery-rails-4.5.1/vendor/assets/javascripts
  /Users/inagakiyuya/.rbenv/versions/3.2.1/lib/ruby/gems/3.2.0/gems/stimulus-rails-1.2.1/app/assets/javascripts
  /Users/inagakiyuya/.rbenv/versions/3.2.1/lib/ruby/gems/3.2.0/gems/turbo-rails-1.4.0/app/assets/javascripts
  /Users/inagakiyuya/.rbenv/versions/3.2.1/lib/ruby/gems/3.2.0/gems/actiontext-7.0.5/app/assets/javascripts
  /Users/inagakiyuya/.rbenv/versions/3.2.1/lib/ruby/gems/3.2.0/gems/actiontext-7.0.5/app/assets/stylesheets
  /Users/inagakiyuya/.rbenv/versions/3.2.1/lib/ruby/gems/3.2.0/gems/actioncable-7.0.5/app/assets/javascripts
  /Users/inagakiyuya/.rbenv/versions/3.2.1/lib/ruby/gems/3.2.0/gems/activestorage-7.0.5/app/assets/javascripts
  /Users/inagakiyuya/.rbenv/versions/3.2.1/lib/ruby/gems/3.2.0/gems/actionview-7.0.5/lib/assets/compiled
  /Users/inagakiyuya/workspace/pf/stressdiary/node_modules/bootstrap-icons/font
  /Users/inagakiyuya/.rbenv/versions/3.2.1/lib/ruby/gems/3.2.0/gems/popper_js-2.11.7/assets/javascripts
  /Users/inagakiyuya/.rbenv/versions/3.2.1/lib/ruby/gems/3.2.0/gems/bootstrap-5.2.3/assets/stylesheets
  /Users/inagakiyuya/.rbenv/versions/3.2.1/lib/ruby/gems/3.2.0/gems/bootstrap-5.2.3/assets/javascripts
  /Users/inagakiyuya/.rbenv/versions/3.2.1/lib/ruby/gems/3.2.0/gems/font-awesome-sass-6.4.0/assets/stylesheets
  /Users/inagakiyuya/.rbenv/versions/3.2.1/lib/ruby/gems/3.2.0/gems/font-awesome-sass-6.4.0/assets/fonts):
  
app/assets/javascripts/admin.js:4

該当のソースコード

admin.js

//= require jquery3
//= require jquery_ujs

//= require admin-lte/plugins/bootstrap/js/bootstrap.bundle.min  
//= require admin-lte/dist/js/adminlte.min

試したこと

エラーメッセージに指定された、パスを辿って、見つからないと言われているファイルを探しましたが、ありませんでした。

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

ここにより詳細な情報を記載してください。

Comments

[marui01]

プログラミングに関する質問をしていますし、問題や課題は含まれている適切な質問だと思うのですが、どういった点が相応しくないのかということも一緒に指摘してもらえると、質問の編集ができると思うので、よろしくお願いします。

[1T2R3M4]

存在しないファイルを読みに行って
見つかりませんのエラーは相応の動き
だと思いますが何が問題なのでしょうか。

[marui01]

自分の説明不足ですいません。
node_modules/admin-lte/plugins/bootstrap/js/bootstrap.bundle.min.に目的のファイルが存在するのに、何故、ファイルが存在しない違うところを探しに行っているのか疑問に思いました。

Answer 1

自己解決しました。
原因がいまいちよくわかっていないのですが、
サーバーを再起動したことと、
config/initializers/assets.rbに
Rails.application.config.assets.paths << Rails.root.join("node_modules")の記載をしたところ、エラーは出なくなりました。