[開発環境]Rails5 + javascript( hoge.js )を読み込もう。Asset was not declared to be precompiled in production.

Asset was not declared to be precompiled in production.
Add `Rails.application.config.assets.precompile += %w( hoge.js )` to `config/initializers/assets.rb` and restart your server

なによこれ!

[開発環境]Rails5 + javascript( hoge.js )を読み込もう

前提.

app/assets/application.js

//= require_tree . は削除済み

1. app/assets/javascript/hoge.js を追加する。

app/assets/javascript/hoge.jp を追加する。

2. hoge.jsに適当に何か追加しておく。(確認用)

hoge.js
$(function(){
    console.log('hello, hoge!');
});

3. 対象表示viewファイルに<%= javascript_include_tag ‘hoge.js’ %>追加

app/views/hoge/index.html.erb など適当なファイルに以下を追加。

index.html
<%= javascript_include_tag 'goals.js' %>

4.ここで画面リロードしたらエラーが出るよ。

Asset was not declared to be precompiled in production.
Add `Rails.application.config.assets.precompile += %w( hoge.js )` to `config/initializers/assets.rb` and restart your server

こんなエラーが出るのでまんま対処してあげればOKです。

config/initializers/assets.rb
Rails.application.config.assets.precompile += %w( hoge.js )

これを追加すればOKです。

5.面倒だけど再度、サーバー再起動 rails s

面倒だけど最後にサーバー再起動を忘れずに。rails s + enter 。

これでconsole.logの確認ができればOKです。