无法将@cumber/messages安装到Angular应用程序中

我已经尽了一切努力（我想）让它工作，但一切都以失败告终。我正在尝试这个示例，就像子目录中的CumberJS示例一样。我想从变量中读取一个特性并对其进行处理。我不想要一个实际的文件，只是内容。从我在示例中看到的情况来看，它们正是这样做的，除了不在角度上。错误信息总是显示出来，这只是其中的一条，比如5或6条

import { GherkinStreams } from '@cucumber/gherkin'
import { messages, IdGenerator } from '@cucumber/messages'

My

tsconfig.json

{
  "compilerOptions": {
    "baseUrl": ".",
    "target": "es5",
    "lib": [
      "es2019",
      "dom"
    ],
    "module": "commonjs",
    "strict": false,
    "noImplicitUseStrict": true,
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "allowSyntheticDefaultImports": true,
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "esModuleInterop": true,
    "noImplicitAny": false,
    "rootDir": "src",
    "outDir": "dist",
    "types": [ 
      "long" 
    ]
  },
  "includes": [
    "src/**/*.ts"
  ]
}

我不知道要改变什么才能让它工作。我对typescriptjavascript的世界还很陌生。感谢所有的帮助

{
  "compilerOptions": {
    "baseUrl": ".",
    "target": "es5",
    "lib": [
      "es2019",
      "dom"
    ],
    "module": "commonjs",
    "strict": false,
    "noImplicitUseStrict": true,
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "allowSyntheticDefaultImports": true,
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "esModuleInterop": true,
    "noImplicitAny": false,
    "rootDir": "src",
    "outDir": "dist",
    "types": [ 
      "long" 
    ]
  },
  "includes": [
    "src/**/*.ts"
  ]
}

"dependencies": {
    "@angular/animations": "~10.1.1",
    "@angular/common": "~10.1.1",
    "@angular/compiler": "~10.1.1",
    "@angular/core": "~10.1.1",
    "@angular/forms": "~10.1.1",
    "@angular/platform-browser": "~10.1.1",
    "@angular/platform-browser-dynamic": "~10.1.1",
    "@angular/router": "~10.1.1",
    "@cucumber/create-meta": "^2.0.2",
    "@cucumber/cucumber-expressions": "^10.3.0",
    "@cucumber/gherkin": "^15.0.2",
    "@cucumber/query": "^7.0.0",
    "@cucumber/tag-expressions": "^2.0.4",
    "rxjs": "~6.6.0",
    "tslib": "^2.0.0",
    "zone.js": "~0.10.2"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.1001.1",
    "@angular/cli": "~10.1.1",
    "@angular/compiler-cli": "~10.1.1",
    "@cucumber/compatibility-kit": "2.0.0",
    "@types/cucumber": "^6.0.1",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "@types/long": "^4.0.1",
    "@types/node": "^12.11.1",
    "codelyzer": "^6.0.0",
    "install": "^0.13.0",
    "jasmine-core": "~3.6.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~5.0.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "npm": "^6.14.8",
    "protractor": "~7.0.0",
    "protractor-cucumber-framework": "^6.2.1",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "~4.0.2"
  }