Rails 7.1.3.4中window.onload调用JS函数提示未定义求助

核心原因 #

用Import Maps加载的JS文件属于ES模块，模块内部的变量/函数默认被限制在模块私有作用域，不会自动挂载到全局window对象，所以直接在window.onload里调用会触发ReferenceError。

正确解决方案 #

方案1：直接在模块内挂载全局对象

修改confnosprdpicks.js，在函数定义后手动把它挂到window上：

function setConfPicksDsply() {  
    // 原有函数逻辑不变
    set_page_info_dialog("info_button");
    setConfidencePoolSchedDsply();
    set_picks_dsply();
    set_sched_pnts_picked();
    var nTimeToNextGame = time_to_next_game();
    if (nTimeToNextGame > 0) {
        setTimeout(gm_expiration_confidence,time_adjusted_for_max_settimeout_val(nTimeToNextGame));
    }
}
// 挂载到全局window对象
window.setConfPicksDsply = setConfPicksDsply;

这种方式最简单，不需要修改其他文件，修改后直接用原来的window.onload调用即可。

方案2：用ES模块导出+导入后挂载

如果想遵循ES模块规范，可分两步：

1. 修改confnosprdpicks.js导出函数：

// 用export暴露函数
export function setConfPicksDsply() {  
    // 原有函数逻辑不变
}

2. 在application.js中导入并挂载到全局：

import "jquery"
// 从模块导入指定函数
import { setConfPicksDsply } from "confnosprdpicks"
// 挂载到window
window.setConfPicksDsply = setConfPicksDsply;

你之前尝试的问题分析 #

1. 内联javascript_tag写法错误：内联代码属于全局作用域，但setConfPicksDsply是模块私有变量，内联代码里直接写window.setConfPicksDsply = setConfPicksDsply本身就会触发未定义错误，因为内联代码访问不到模块内部的函数。
2. application.js的问题：你直接import "confnosprdpicks"但模块没导出函数，所以setConfPicksDsply变量在application.js里是未定义的，赋值自然无效。

内容的提问来源于stack exchange，提问作者Carl Yerkovich