angular9 ie浏览器支持

时间:2020-04-11
本文章向大家介绍angular9 ie浏览器支持,主要包括angular9 ie浏览器支持使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

配置angular中对ie浏览器的支持

angular版本: angular9

使用angular-cli创建angular项目,但是在ie浏览器中打开确实空白的页面。原因

angular默认不支持ie构建,需要处理一下配置

  • src\polyfills.ts中取消注释,同时安装所需的扩展包
/** IE10 and IE11 requires the following for NgClass support on SVG elements */
import 'classlist.js';  // Run `npm install --save classlist.js`.

/**
 * Web Animations `@angular/platform-browser/animations`
 * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
 * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
 */
import 'web-animations-js';  // Run `npm install --save web-animations-js`.
  • 打开ie浏览器支持browserslist
> 0.5%
last 2 versions
Firefox ESR
not dead
not IE 9-11 # For IE 9-11 support, remove 'not'.

然而,此时在生产环境可以,但是开发环境在ie打开仍是空白,因为开发环境不会将js编译成es5,需做以下配置:

//tsconfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es5", // es2015修改es5
    "lib": [
      "es2018",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "fullTemplateTypeCheck": true,
    "strictInjectionParameters": true
  }
}

$flag 上一页 下一页