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のサーバーだけを再起動しようとした... アプリは、単にファイルを無視するようです。