質問編集履歴

2 タイトル修正

Goi

Goi score 11

2018/08/20 23:26  投稿

【Rails5】rake assets:precompile RAILS_ENV=production実行するとjsファイルあたりエラー発生
【Rails5】rake assets:precompile RAILS_ENV=production実行するとhighchart.jsファイルあたりでエラー発生
**概要**
rake assets:precompile RAILS_ENV=productionを実行すると
Javascriptファイルあたりで記述ミスがあります(?)とエラーが発生します。
※参照先なのか、エラーが起こっている行数が不明確です
**エラー発覚の流れ**
Rails5で作成したアプリをHerokuにデプロイする時にエラー発覚。
1.Herokuにデプロイ完了
2.migrate適用
3.$ heroku open で実際に確認
4.asset(jsファイル・scssファイル)が適用されていないことに気づく
5.$ rake assets:precompile RAILS_ENV=production実行
6.画像のようにエラー発生
![イメージ説明](df77fc3c172ca970e09d8c71435714c0.png)
**画像のエラー箇所**
ネット上から引用したchart.jsファイルです
莫大なコード量に私は太刀打ちできませんでした...
ファイル中身は下記Githubより参照可能です。
https://github.com/Goi666/milook
※Github参照していただこうと思いましたが、public配下にあるはずのassetってgitignoreに記述していなくても反映されないんですね(何でですかね)
一応、app/assets/javascripts/application.jsの「highchart」の3種類だと思います。
```javascript
// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
//
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, or any plugin's
// vendor/assets/javascripts directory can be referenced here using a relative path.
//
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// compiled file. JavaScript code in this file should be added after the last require_* statement.
//
// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
// about supported directives.
//
//= require Chart.min
//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require_tree .
//= require jquery3
//= require popper
//= require bootstrap-sprockets
//= require highcharts/highcharts
//= require highcharts/highcharts-more
//= require highcharts/highstock
//= require notice
//= require alert
```
**試したこと**
![イメージ説明](93097855024f73e40d3ef2e3877165f3.png)
上記画像のようにコマンド実行をしてエラー箇所を出してみました。
ただ、読み方がいまいち理解できておらず何がダメなのか分かっていません。
※使用しているjsファイルは下記2つと各chart.jsファイル
・alert.js(jQuery)
・notice.js(jQuery)
・各chart.jsファイル(よそから引用、量が激しい)
また、画像だとapp/assetのjsファイルを検出していますが、
public/assetにあるjsファイルを検出すると結果は[]でした。
**ここまで試してpublic/assetをvendor/assetに移動しました**
→改善は見られませんでした。
**まとめ**
プリコンパイルが通りません。
助力のほどお願いいたします。
  • JavaScript

    28684 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Ruby

    13798 questions

    Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

  • Heroku

    2049 questions

    HerokuはHeroku社が開発と運営を行っているPaaSの名称です。RubyやNode.js、Python、そしてJVMベース(Java、Scala、Clojureなど)の複数のプログラミング言語をサポートしている。

  • RubyGems

    454 questions

    RubyGemsはRubyによるプログラミングのためのパッケージマネジメントツールです。ユーザはこれを使用することで、Rubyライブラリのダウンロードやアップデートや、依存関係の自動解決が可能になります。

  • Ruby on Rails 5

    5254 questions

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

1 タグ更新

Goi

Goi score 11

2018/08/20 02:50  投稿

【Rails5】rake assets:precompile RAILS_ENV=production実行するとjsファイルあたりエラー発生
**概要**
rake assets:precompile RAILS_ENV=productionを実行すると
Javascriptファイルあたりで記述ミスがあります(?)とエラーが発生します。
※参照先なのか、エラーが起こっている行数が不明確です
**エラー発覚の流れ**
Rails5で作成したアプリをHerokuにデプロイする時にエラー発覚。
1.Herokuにデプロイ完了
2.migrate適用
3.$ heroku open で実際に確認
4.asset(jsファイル・scssファイル)が適用されていないことに気づく
5.$ rake assets:precompile RAILS_ENV=production実行
6.画像のようにエラー発生
![イメージ説明](df77fc3c172ca970e09d8c71435714c0.png)
**画像のエラー箇所**
ネット上から引用したchart.jsファイルです
莫大なコード量に私は太刀打ちできませんでした...
ファイル中身は下記Githubより参照可能です。
https://github.com/Goi666/milook
※Github参照していただこうと思いましたが、public配下にあるはずのassetってgitignoreに記述していなくても反映されないんですね(何でですかね)
一応、app/assets/javascripts/application.jsの「highchart」の3種類だと思います。
```javascript
// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
//
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, or any plugin's
// vendor/assets/javascripts directory can be referenced here using a relative path.
//
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// compiled file. JavaScript code in this file should be added after the last require_* statement.
//
// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
// about supported directives.
//
//= require Chart.min
//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require_tree .
//= require jquery3
//= require popper
//= require bootstrap-sprockets
//= require highcharts/highcharts
//= require highcharts/highcharts-more
//= require highcharts/highstock
//= require notice
//= require alert
```
**試したこと**
![イメージ説明](93097855024f73e40d3ef2e3877165f3.png)
上記画像のようにコマンド実行をしてエラー箇所を出してみました。
ただ、読み方がいまいち理解できておらず何がダメなのか分かっていません。
※使用しているjsファイルは下記2つと各chart.jsファイル
・alert.js(jQuery)
・notice.js(jQuery)
・各chart.jsファイル(よそから引用、量が激しい)
また、画像だとapp/assetのjsファイルを検出していますが、
public/assetにあるjsファイルを検出すると結果は[]でした。
**ここまで試してpublic/assetをvendor/assetに移動しました**
→改善は見られませんでした。
**まとめ**
プリコンパイルが通りません。
助力のほどお願いいたします。
  • Ruby

    13798 questions

    Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

  • Heroku

    2049 questions

    HerokuはHeroku社が開発と運営を行っているPaaSの名称です。RubyやNode.js、Python、そしてJVMベース(Java、Scala、Clojureなど)の複数のプログラミング言語をサポートしている。

  • JavaScript

    28684 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • RubyGems

    454 questions

    RubyGemsはRubyによるプログラミングのためのパッケージマネジメントツールです。ユーザはこれを使用することで、Rubyライブラリのダウンロードやアップデートや、依存関係の自動解決が可能になります。

  • Ruby on Rails 5

    5254 questions

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

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る