在ts项目中意外导出es6依赖项

Question

我试图在本地类型的脚本项目中使用库bpmn.io来扩展它。

因此，我尝试使用语句import {BpmnModeler, BpmnViewer} from 'bpmn-js'导入它的组件。这个库显然在内部使用es6模块来导入和导出周围的东西。

当我试图使用ts-node <path/to/my/index.ts> (我的类型记录项目的入口点)运行这段代码时，我会在终端中从bpmn.io库获得一个意外的令牌“导出”。

下面是我的tsconfig.json

{
  "compilerOptions": {
    "target": "es2017",
    "module": "commonjs",
    "lib": [
      "es2020"
    ],

    "allowJs": true,
    "declaration": true,
    "declarationMap": true,
    "sourceMap": true,
    "outDir": "./dist",
    "composite": true,
    "strict": true,
    "moduleResolution": "node",
    "rootDirs": [
      "."
    ],

    "esModuleInterop": true,
   
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  },
  "references": [],
  "watchOptions": {
    "fallbackPolling": "dynamicPriority",
    "excludeDirectories": [
      "**/node_modules",
      "build"
    ]
  }
}

我相信这是因为我在上面的module: "commonjs"中设置了tsconfig.json选项。但是，如果将其更改为module: "es6"，则必须在type="module"中设置package.json选项，这将导致unknonwn文件扩展名.ts错误。在这里出现了一系列的问题

Answer 1

你试过把你的目标设定为ES5吗？

检查这个答案：

意外令牌导入/导出-类型记录

我也有同样的问题，但我解决了。