如何在js erb模板中使用rails webpack加載js

Question

我在rails 5.0應用程序中使用webpacker gem，但是我無法獲得要執行的/在js.erb中可用的javascript我碰到驗證錯誤。我確信我在這裏違反了一些簡單的前提，但找不到答案，並且沒有編譯或控制檯錯誤。我有我的application.html.erb

這裏<%= javascript_pack_tag 'application' %>是設置：

應用程序/ JavaScript的/包/ application.js中：

import * as CustomerSession from 'customer_sessions'; 
console.log('Hello World from Webpacker'); 

應用程序/ JavaScript的/ customer_sessions /指數。 JS：

export { univgwTabs } from './univgwTabs'; 

應用/ JavaScript的/ customer_sessions/univgwTabs：

呼籲形式的驗證錯誤個

JS ERB模板：

$("#right_side_right_bottom_target").html("<%= j render partial: 'generic_object_new' %>"); 
CustomerSession.univgwTabs(); 
Global.resizeWindow(); 

Answer 1

如果沒有問題與console.log(CustomerSession)在您導入它，然後我發現了剛剛分配進口變量作爲簡單的解決辦法位置全球窗口屬性之一。

// in packs/application.js (or wherever your pack is) 
// import 
import * as CustomerSession from 'customer_sessions'; 

// assign 
window.CustomerSession = CustomerSession 

假設有與webpacker沒有問題，你現在應該可以在控制檯console.log(CustomerSession)或您js.erb文件。