首页 > 解决方案 > 带有 Storybook 的 Angular 不适用于 IE11

问题描述

我有一个非常基本的 Angular 10 应用程序。我添加了 Storybook 和npx sb init. 该项目要求应用程序在 IE11(13% 的流量)上运行,所以我.babelrc在项目根目录中添加,not从 IE 中删除并将in.browserlistrc设置为.targettsconfiges5

应用程序本身可以在 IE 中运行,但是当打开故事书时,我得到了SCRIPT1002: Syntax error来自供应商〜主包的消息,显然是由以下原因引起的:class DomAdapter { }.

可以做些什么呢?我没主意了...

.babelrc:

{
  "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
  }
}

标签: angulartypescriptinternet-explorer-11storybookangular-storybook

解决方案


推荐阅读