引入require.js后onload事件提示已定义的loadDays函数未定义怎么办

问题根因 #

当<script>标签同时设置了src属性和标签内部的JS代码时，浏览器会完全忽略标签内部的代码，仅执行src指向的外部脚本内容。你给原本写了loadDays函数定义的<script>标签新增requirejs的src属性后，你写的loadDays定义直接没有被浏览器解析，触发onload事件时自然会报函数未定义的错误。

修复方法 #

拆分两个独立的<script>标签即可：

• 第一个标签专门引入requirejs资源：

<script src="https://requirejs.org/docs/release/2.3.5/minified/require.js"></script>

• 第二个标签单独编写你的业务逻辑，包括loadDays函数的定义：

<script>
function loadDays() {
    // 这里可以正常使用require能力
    // 业务代码
}
</script>

可选配置说明 #

如果后续需要用require加载自定义模块，可提前配置模块路径映射：

require.config({
    paths: {
        // 填写你用到的模块别名和对应资源路径的映射关系
        // 示例："jquery": "./lib/jquery-3.6.0.min"
    }
})

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