無法加載JavaScript模塊在rails 5.1

我想加載一個簡單的vue模塊在我的佈局應用程序文件，但該應用程序無法加載模塊。我正在使用rails 5.1.1的webpacker gem。和紅寶石版本2.3.3 這裏是我的代碼無法加載JavaScript模塊在rails 5.1

<!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文件（見下面的代碼）坐落在JavaScript /包目錄，它的導入一個非常基本的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的服務器，但沒有... 的應用程序似乎只是忽略該文件。

來源

2017-05-31 Sandro Palmieri

我已經生成了一個控制器帶有索引操作的頁面，現在它正在工作...

來源

2017-05-31 14:50:34

無法加載JavaScript模塊在rails 5.1

回答

相關問題