为什么即使我添加了 requirejs shim，我也会从 three.js 收到“未捕获的 ReferenceError：未定义三个”错误

Question

运行我的代码时出现以下错误： 未捕获的 ReferenceError：未定义三个

module game {
    export class Add3DScene extends dragonwings.Command {

        @inject('ResponsiveDiv')     protected _responsiveDiv:          components.ResponsiveDiv;

        public execute(): void {
            super.execute();
            var scene = new THREE.Scene();
        }
    }
}

我无法尝试this 解决方案，因为我无权访问嵌入的 html

然而，我尝试过 this，但添加 shim 似乎没有帮助，而且由于不了解如何将其合并到我的打字稿中，我无法添加定义包装器。

我可以看到在 chrome 调试器中加载了three.min.js

我正在使用 requirejs，这似乎会导致我在网上找到的一些复杂情况。这是我的配置的简化版本

requirejs.config({
    baseUrl: "content/${gamecode}/lib",
    paths: {
        TweenMax:           "gsap/TweenMax",
        THREE:              "three/three.min",
    },
    shim:
    {
        'THREE': {
            exports: 'THREE'
        },
        'game_libs': {
            deps: ['stats', 'TweenMax']
        },
        '../app/js/main': {
            deps: ['game_libs']
        },
    }
});

任何帮助表示赞赏

**编辑 在查看Require.js not loading Three.js 之后，我的其他模块不再定义，所以我还没有开始执行我最初发布的代码 新的需要配置

define("three-glue", ["three"], function (three) {
    window.THREE = three;
    return three;
});
requirejs.config({
    baseUrl: "content/${gamecode}/lib",
    waitSeconds: 60,
    paths: {
        TweenMax:           "gsap/TweenMax",
        three:            "three/three.min",
    },
    map: {
        '*': {
            three: 'three-glue'
        },
    'three-glue': {
        three: 'three'
    },
    shim:
    {
        'game_libs': {
            deps: [
                'TweenMax'
            ]
        },
        '../app/js/main': {
            deps: ['game_libs']
        },
    }
}
});

Answer 1

所以我添加地图的位置很重要，如果它是在路径之后但在垫片之前添加的，那么我会丢失所有其他模块。如果我在 shims 之后添加它，那么只有三个模块仍然丢失。

这是因为我忘记添加三个作为依赖项。更正我的要求配置后，我不再收到任何错误。

'../app/js/main': {
            deps: ['game_libs', 'three']
        },

感谢您的帮助