Webpack / Typescript未正确解析for-await循环

Question

在我的vue-cli typescript项目中使用yarn build遇到了一个问题：

tmpDataDocs是Promise<DisplayableData>对象的数组。就我对for await控制结构的理解而言，循环内的doc类型应该是解析的DisplayableData对象，而不是Promise<DisplayableData>。

VSCode在这个循环中没有任何问题，yarn serve在这个循环中也没有问题。只有build步履蹒跚。

    195:35 Argument of type 'Promise<DisplayableData>' is not assignable to parameter of type 'DisplayableData'.
      Property 'id_datashape' is missing in type 'Promise<DisplayableData>'.
        193 |     for await (const doc of tmpDataDocs) {
        194 |       tmpData.unshift(
      > 195 |         displayableDataToViewData(doc)
            |                                   ^
        196 |       );
        197 |     }
        198 |

对如何修复构建有什么建议吗？

Answer 1

一个不令人满意的答案是:重写代码，使其不使用for-await结构。

// builds successfully
for (const docPromise of tmpDataDocs) {
  const doc = await docPromise;

  tmpData.unshift(
    displayableDataToViewData(doc)
  );
}