如何解决：未捕获的语法错误：typescript 导入中的模糊间接导出错误

Question

我正在使用以下导入代码 main.js 工作/编译main.js代码：

import { Pbf } from "../../node_modules/pbf/dist/pbf.js";
import { Market } from "./pbfmarket.js";

我正在阅读一个大型协议缓冲区文件。 编译后的 typescript 代码包含：

import { Pbf } from "../../node_modules/pbf/dist/pbf.js";
import { Market } from "./pbfmarket.js";

但是我只能通过将以下内容添加到使用 main.js 的html页面来让我的应用程序正常工作，并且我必须注释掉 main.js 中的导入语句。

  <script>var exports = {};</script>
  <script src="/node_modules/pbf/dist/pbf.js"></script>;
  <script src="/dist/proto/pbfmarket.js"></script>
  <script type="module" src="/dist/proto/main.js"></script>

编译后的 main.js 中注释掉的代码：

// !! manual imported in proto/custom.html
// import { Pbf } from "../../node_modules/pbf/dist/pbf.js";
// import { Market } from "./pbfmarket.js";
// above two lines should be commented out.
// due to some javascript error.

因此，为了让我的应用程序正常工作，我必须不断注释掉上述两个导入行。 那不是那么方便。

为了编译和运行 typescript 代码而不注释掉导入语句并将导入语句手动添加到 html 页面，缺少什么知识/配置。

我的tsconfig.json

{
  "compilerOptions": {
    "module": "ESNext",
    "target": "esnext",
    "allowJs": true,
    "moduleResolution": "node",
    "noImplicitAny": false,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "downlevelIteration": true,
    "sourceMap": true,
    "typeRoots": ["node_modules/@types", "@types"],
    "outDir": "./dist",
    "baseUrl": "./src"
  },
  "include": [
    "src",
    "src/**/*.js",
    "types"
  ]
}