Angular 与故事书有关的角度在IE11上不起作用
我有一个非常基本的Angular 10应用程序。我添加了带有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
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浏览器的信息。