質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
jQuery UI

jQuery UI はjQuery公式のインターフェースライブラリであり、対話型のウェブアプリケーションを作る際に役立ちます。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

2105閲覧

//= require jquery.raty.jsを読み込まないエラーに関して

nao0725

総合スコア5

jQuery UI

jQuery UI はjQuery公式のインターフェースライブラリであり、対話型のウェブアプリケーションを作る際に役立ちます。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2021/07/29 06:34

前提・実現したいこと

//= require jquery.raty.jsを読み込ませて、
index.html.erbに星を表示させたい

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

//= require jquery.raty.jsを追加すると
アプリケーションが立ち上がらず、下記のエラーがでます。

Sprockets::FileNotFound in Books#index Showing /home/ec2-user/environment/Book_for_Review/app/views/users/_info.html.erb where line #5 raised: couldn't find file 'jquery.raty.js' with type 'application/javascript' Checked in these paths: /home/ec2-user/environment/Book_for_Review/app/assets/config /home/ec2-user/environment/Book_for_Review/app/assets/images /home/ec2-user/environment/Book_for_Review/app/assets/javascripts /home/ec2-user/environment/Book_for_Review/app/assets/stylesheets /home/ec2-user/.rvm/gems/ruby-2.6.3/gems/jquery-rails-4.4.0/vendor/assets/javascripts /home/ec2-user/.rvm/gems/ruby-2.6.3/bundler/gems/refile-46b4178654e6/app/assets/javascripts /home/ec2-user/.rvm/gems/ruby-2.6.3/gems/coffee-rails-4.2.2/lib/assets/javascripts /home/ec2-user/.rvm/gems/ruby-2.6.3/gems/actioncable-5.2.6/lib/assets/compiled /home/ec2-user/.rvm/gems/ruby-2.6.3/gems/activestorage-5.2.6/app/assets/javascripts /home/ec2-user/.rvm/gems/ruby-2.6.3/gems/actionview-5.2.6/lib/assets/compiled /home/ec2-user/.rvm/gems/ruby-2.6.3/gems/turbolinks-source-5.2.0/lib/assets/javascripts /home/ec2-user/environment/Book_for_Review/node_modules /home/ec2-user/.rvm/gems/ruby-2.6.3/gems/popper_js-1.16.0/assets/javascripts /home/ec2-user/.rvm/gems/ruby-2.6.3/gems/bootstrap-4.6.0/assets/stylesheets /home/ec2-user/.rvm/gems/ruby-2.6.3/gems/bootstrap-4.6.0/assets/javascripts Extracted source (around line #21): //= require turbolinks //= require_tree . //= require jquery.raty.js

該当のソースコード

applicationjs

1// This is a manifest file that'll be compiled into application.js, which will include all the files 2// listed below. 3// 4// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, or any plugin's 5// vendor/assets/javascripts directory can be referenced here using a relative path. 6// 7// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the 8// compiled file. JavaScript code in this file should be added after the last require_* statement. 9// 10// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details 11// about supported directives. 12//= require jquery3 13//= require popper 14//= require bootstrap-sprockets 15//= require jquery 16// 17//= require rails-ujs 18//= require activestorage 19//= require turbolinks 20//= require jquery.raty.js 21//= require_tree . 22

Gemfile

1source 'https://rubygems.org' 2git_source(:github) { |repo| "https://github.com/#{repo}.git" } 3 4ruby '2.6.3' 5 6# Bundle edge Rails instead: gem 'rails', github: 'rails/rails' 7gem 'rails', '~> 5.2.6' 8# Use sqlite3 as the database for Active Record 9gem 'sqlite3' 10# Use Puma as the app server 11gem 'puma', '~> 3.11' 12# Use SCSS for stylesheets 13gem 'sass-rails', '~> 5.0' 14# Use Uglifier as compressor for JavaScript assets 15gem 'uglifier', '>= 1.3.0' 16# See https://github.com/rails/execjs#readme for more supported runtimes 17# gem 'mini_racer', platforms: :ruby 18 19# Use CoffeeScript for .coffee assets and views 20gem 'coffee-rails', '~> 4.2' 21# Turbolinks makes navigating your web application faster. Read more: https://github.com/turbolinks/turbolinks 22gem 'turbolinks', '~> 5' 23# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder 24gem 'jbuilder', '~> 2.5' 25# Use Redis adapter to run Action Cable in production 26# gem 'redis', '~> 4.0' 27# Use ActiveModel has_secure_password 28# gem 'bcrypt', '~> 3.1.7' 29 30# Use ActiveStorage variant 31# gem 'mini_magick', '~> 4.8' 32 33# Use Capistrano for deployment 34# gem 'capistrano-rails', group: :development 35 36# Reduces boot times through caching; required in config/boot.rb 37gem 'bootsnap', '>= 1.1.0', require: false 38 39group :development, :test do 40 # Call 'byebug' anywhere in the code to stop execution and get a debugger console 41 gem 'byebug', platforms: [:mri, :mingw, :x64_mingw] 42 gem 'pry-byebug' 43end 44 45group :development do 46 # Access an interactive console on exception pages or by calling 'console' anywhere in the code. 47 gem 'web-console', '>= 3.3.0' 48 gem 'listen', '>= 3.0.5', '< 3.2' 49 # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring 50 gem 'spring' 51 gem 'spring-watcher-listen', '~> 2.0.0' 52end 53 54group :test do 55 gem 'capybara', '>= 2.15' 56 gem 'rspec-rails' 57 gem "factory_bot_rails" 58 gem 'faker' 59 60end 61 62# Windows does not include zoneinfo files, so bundle the tzinfo-data gem 63gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby] 64gem 'devise' 65gem "refile", require: "refile/rails", github: 'manfe/refile' 66gem "refile-mini_magick" 67gem 'bootstrap', '~> 4.5' 68gem 'jquery-rails' 69

試したこと

・アプリケーションを一度落として再起動 ⇒ 変化なし
・bundle install, bundle updateをかけるが変化なし

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

参考サイトです

https://qiita.com/busitora2/items/5b59d1ea9e90c1b016b4

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

エラーに「couldn't find file 'jquery.raty.js'」と出ていますが、
jquery.raty.js を app/assets/javascripts 配下にちゃんと置いていますか?
ファイル名のタイプミスや、配置場所のミスなどはありませんか?

投稿2021/07/29 07:28

shinoharat

総合スコア1674

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

nao0725

2021/07/30 02:13

単純なファイルの名前ミスでした、、、ありがとうございます!!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問