2017-05-31 7 views
0

レイアウトアプリケーションファイル に単純なvueモジュールをロードしようとしていますが、アプリケーションがモジュールをロードできません。私はレール5.1.1でwebpackerの宝石を使用しています。ルビーはバージョン2.3.3 はここではJavaScriptに位置していますrails 5.1でjavascriptモジュールを読み込めません

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Potato</title> 
    <%= csrf_meta_tags %> 
    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> 
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> 
    <%= javascript_pack_tag 'hello_vue' %> 
    <%= stylesheet_pack_tag 'hello_vue' %> 
    </head> 

    <body> 
    <%= yield %> 
    </body> 
</html> 

hello_vue.jsファイル(以下のコードを参照してください)私のコードで/ディレクトリをパックし、それはまた、同じ位置に非常に基本的なhello.vueファイルをインポートしていますディレクトリ:

import Vue from 'vue' 
import App from './app.vue' 

document.addEventListener('DOMContentLoaded',() => { 
    document.body.appendChild(document.createElement('hello')) 
    const app = new Vue(App).$mount('hello') 

    console.log(app) 
}) 

私はレールサーバとのWebPACK-devのサーバーだけを再起動しようとした... アプリは、単にファイルを無視するようです。

答えて

0

私はインデックスアクションを持つコントローラページを生成しました。現在は動作しています...

関連する問題