Angular 与故事书有关的角度在IE11上不起作用

Angular 与故事书有关的角度在IE11上不起作用,angular,typescript,internet-explorer-11,storybook,angular-storybook,Angular,Typescript,Internet Explorer 11,Storybook,Angular Storybook,我有一个非常基本的Angular 10应用程序。我添加了带有npx sb init的故事书。该项目要求应用程序在IE11上运行(流量的13%),因此我在项目根目录中添加了.babelrc,从.browserlistrc中的IE中删除了not,并将tsconfig中的目标设置为es5 应用程序本身在IE中工作,但当打开故事书时,我得到了SCRIPT1002:Syntax errorcomming from vendors~main bundle,显然是由以下原因引起的:class-DomAdapt

我有一个非常基本的Angular 10应用程序。我添加了带有
npx sb init
的故事书。该项目要求应用程序在IE11上运行(流量的13%),因此我在项目根目录中添加了
.babelrc
,从
.browserlistrc
中的IE中删除了
not
,并将
tsconfig
中的
目标设置为
es5

应用程序本身在IE中工作,但当打开故事书时,我得到了
SCRIPT1002:Syntax error
comming from vendors~main bundle,显然是由以下原因引起的:
class-DomAdapter{}

对此我们能做些什么?我没有主意了

.LRC:

{
  "presets": [
    "@babel/preset-env"
  ],
  "plugins": [
    "@babel/plugin-transform-classes"
  ]
}
tsconfig基地

{
  "compileOnSave": false,
  "compilerOptions": {
    "alwaysStrict": true,
    "baseUrl": "./",
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "forceConsistentCasingInFileNames": true,
    "importHelpers": true,
    "incremental": true,
    "lib": [
      "ESNext",
      "dom"
    ],
    "module": "es2020",
    "moduleResolution": "node",
    "newLine": "lf",
    "noFallthroughCasesInSwitch": true,
    "noImplicitAny": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "outDir": "./dist/out-tsc",
    "pretty": true,
    "resolveJsonModule": true,
    "sourceMap": true,
    "strict": true,
    "strictNullChecks": true,
    "target": "es5"
  },
  "angularCompilerOptions": {
    "fullTemplateTypeCheck": true,
    "strictInjectionParameters": true
  }
}

是否为IE添加了必要的多填充?类不是多填充的,这是语法错误。Polyfills在支持的语法中添加了功能性。我试图参考故事书并找到相关信息。因此,看起来您需要传输一些代码以使其在IE浏览器中工作。故事书文档显示了React JS的设置示例。我建议您联系Storybook,获取有关如何使用Angular配置Storybook以支持IE浏览器的信息。