在 Mapbox 中找不到模块“./grid_control”

Question

我刚刚将我的应用程序更改为延迟加载 Mapbox，如下所示：

    private loadMapBox(): Promise<any> {
        return import("mapbox.js/dist/mapbox")
            .then(m => {
                // When the Mapbox module is loaded, it registers itself as "window.L"
                // but the module's content is not returned in the variable "m".
                this.mapbox = (<any>window).L;
            });
    }

我在尝试运行测试时开始收到此错误（即使编译正常）：

Error: Unable to resolve module [./grid_control] from [/my/path/node_modules/mapbox.js/dist/mapbox.js]
...
Error: Cannot find module './grid_control' from '/my/path/node_modules/mapbox.js/dist'
    at /my/path/node_modules/karma-typescript/src/bundler/resolve/resolver.ts:217:27
    at /my/path/node_modules/browser-resolve/index.js:265:24
    at /my/path/node_modules/resolve/lib/async.js:55:18
    at load (/my/path/node_modules/resolve/lib/async.js:69:43)
    at onex (/my/path/node_modules/resolve/lib/async.js:92:31)
    at /my/path/node_modules/resolve/lib/async.js:22:47
    at FSReqWrap.oncomplete (fs.js:153:21)

当我换行时：

import("mapbox.js/dist/mapbox")

至：

import("mapbox.js")

测试开始工作正常。

我不太了解 Webpack 的工作原理。 为什么第一种语法不起作用？ 我希望指定整个路径是可以的，例如当你想阅读 3rd-party 库的缩小版本时。

另外，请注意这两种语法在应用程序运行时都可以正常工作，问题仅出现在 Karma 测试中。

谢谢。 谢谢。