如何在js erb模板中使用rails webpack加载js答案

【问题标题】：How to use rails webpack loaded js in js erb template如何在js erb模板中使用rails webpack加载js
【发布时间】：2017-12-10 11:51:35
【问题描述】：

我在 rails 5.0 应用程序中使用 webpacker gem，但我无法让 javascript 在 js.erb 中执行/可用，我遇到了验证错误。我确定我在这里违反了一些简单的前提，但找不到答案，并且不存在编译或控制台错误。我的 application.html.erb 中确实有 <%= javascript_pack_tag 'application' %>

设置如下：

app/javascript/packs/application.js：

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

app/javascript/customer_sessions/index.js：

export { univgwTabs } from './univgwTabs';

app/javascript/customer_sessions/univgwTabs：

export let univgwTabs = () => {
  console.log('hi');
};

js erb模板调用表单验证错误：

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

【问题讨论】：

标签： ruby-on-rails ecmascript-6 webpacker

【解决方案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 没有问题，您现在应该可以在控制台或 js.erb 文件中使用 console.log(CustomerSession)。

【讨论】：