如何在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文件。