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

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

ただいまの
回答率

89.55%

【Rails5】管理画面フレームワークGentelellaで"ExecJS::RuntimeError: "発生

受付中

回答 0

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 1,316

gogoackman3

score 98

railsのプロジェクトで管理画面を作成しています。
フレームワークを利用したいと思い、gentelellaを使っています。

そこで、アセットコンパイル時に以下のエラーが発生しました。

➜  sample git:(master) ✗ RAILS_ENV=production bundle exec rake assets:precompile assets:clean
I, [2017-03-28T16:01:39.991251 #2838]  INFO -- : Writing /home/vagrant/sample/public/assets/managements-ce5bbde790cbbd3fb594a30802b5b0e3c835829ea260d1617bea18ca1ac0125b.js
I, [2017-03-28T16:01:39.995203 #2838]  INFO -- : Writing /home/vagrant/sample/public/assets/managements-ce5bbde790cbbd3fb594a30802b5b0e3c835829ea260d1617bea18ca1ac0125b.js.gz
I, [2017-03-28T16:02:30.263414 #2838]  INFO -- : Writing /home/vagrant/sample/public/assets/webclip-883f3eae7b5c401d61ee3126a8f9a863dfa07c66a11028f9c31b665517ba1bc8.png
rake aborted!
ExecJS::RuntimeError: 
(execjs):1
/home/vagrant/.rbenv/versions/2.3.1/bin/bundle:22:in `load'
/home/vagrant/.rbenv/versions/2.3.1/bin/bundle:22:in `<main>'
Tasks: TOP => assets:precompile
(See full trace by running task with --trace)

そこで、怪しいと思った以下のCSSファイルの@import "gentelella"の部分をコメントアウトして再度実行しました。

・managements.css.scss

// Place all the styles related to the managements controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

// *= require slick-sample
// *= require slick-sample
// *= require_tree ./managements
// *= require_self

//@import "gentelella";
//@import "gentelella-custom";

結果は以下の通り、問題なく実行されました。

➜  sample git:(master) ✗ RAILS_ENV=production bundle exec rake assets:precompile assets:clean
I, [2017-03-28T16:10:35.568963 #2887]  INFO -- : Writing /home/vagrant/sample/public/assets/managements-95fda6ad4e37ee51a7a10b6e9cab1d70393cdc16dfdc02fa24b5abb2c8d91153.css
I, [2017-03-28T16:10:35.569531 #2887]  INFO -- : Writing /home/vagrant/sample/public/assets/managements-95fda6ad4e37ee51a7a10b6e9cab1d70393cdc16dfdc02fa24b5abb2c8d91153.css.gz
I, [2017-03-28T16:11:41.836633 #2887]  INFO -- : Writing /home/vagrant/sample/public/assets/application-4bdcdfa7e17393069ad59161728caffaa40bc7c4ef99bc6d4dc5f5165c2be329.js
I, [2017-03-28T16:11:41.837260 #2887]  INFO -- : Writing /home/vagrant/sample/public/assets/application-4bdcdfa7e17393069ad59161728caffaa40bc7c4ef99bc6d4dc5f5165c2be329.js.gz
I, [2017-03-28T16:11:53.779014 #2887]  INFO -- : Writing /home/vagrant/sample/public/assets/application-12dbe78f8bbaba7984b6ab127bac2c4fac2a96ee04f9b72a2067538743fb59dd.css
I, [2017-03-28T16:11:53.779573 #2887]  INFO -- : Writing /home/vagrant/sample/public/assets/application-12dbe78f8bbaba7984b6ab127bac2c4fac2a96ee04f9b72a2067538743fb59dd.css.gz

変更した点は、先ほどのmanagements.cssのgentelellaをインポートしていた2行をコメントアウトしただけです。

これにより、ExecJS::RuntimeError:というエラーの原因がgentelellaにあるのではないかと思っています。

しかしながら、解決方法がわかりかねています。
gentelellaを利用しつつ、問題なくアセットをプリコンパイル出来るようになる方法はないでしょうか??

よろしくお願い致します。。

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

まだ回答がついていません

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

  • ただいまの回答率 89.55%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる