在 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 測試中。

謝謝。 謝謝。