ReferenceError: define is not defined

### 解决 `ReferenceError: define is not defined` 错误

当遇到 `define is not defined` 的错误提示时，通常意味着当前环境中缺少对 AMD (Asynchronous Module Definition) 规范的支持工具，比如 RequireJS。此情况可能发生在尝试运行依赖于模块化定义的第三方库或框架时。

#### 安装并配置 RequireJS

为了使 `define` 函数可用，在项目中集成 RequireJS 是必要的。可以从官方网站下载最新版本的 RequireJS 文件[^3]：

<script data-main="scripts/main" src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js"></script>

这段 HTML 代码片段展示了如何通过 CDN 加载 RequireJS 库，并指定了一个主入口文件路径 (`data-main`) 来初始化应用程序逻辑。

#### 配置 RequireJS 主文件

创建一个名为 `main.js` 的 JavaScript 文件作为项目的启动点。在这个文件里可以设置 RequireJS 的配置选项以及加载所需的模块：

// scripts/main.js
require.config({
    paths: {
        'jquery': '//cdn.bootcss.com/jquery/3.4.1/jquery.min',
        'underscore': '//cdn.bootcss.com/underscore.js/1.9.1/underscore-min'
    }
});

require(['moduleA', 'moduleB'], function(ModuleA, ModuleB){
    // 初始化应用或其他操作...
});

上述例子设置了两个外部资源（jQuery 和 Underscore）的路径映射，并指定了要加载的自定义模块 A 和 B。

#### 使用 `shim` 处理不支持 AMD 的库

对于那些不符合 AMD 标准的老式脚本库，可以通过 `shim` 属性来告诉 RequireJS 如何正确处理这些依赖关系:

require.config({
    shim: {
        'backbone': {
            deps: ['underscore', 'jquery'],
            exports: 'Backbone'
        },
        'bootstrap': {
            deps: ['jquery']
        }
    }
});

这里为 Backbone 和 Bootstrap 提供了额外的信息，确保它们按照正确的顺序被加载并且能够访问到所依赖的对象实例。