Angular8兼容IE9注意事項

1、修改tsconfig.json文件

2、引入core-js

首先用npm安裝core-js

npm install core-js@2.6.9 --save

而後在src/polyfills.ts文件的頂部按需引入文件,以下所示

/** IE9, IE10 and IE11 requires all of the following polyfills. **/
import 'core-js/client/shim.min.js';
import 'core-js/es6/symbol';
import 'core-js/es6/object';
import 'core-js/es6/function';
import 'core-js/es6/parse-int';
import 'core-js/es6/parse-float';
import 'core-js/es6/number';
import 'core-js/es6/math';
import 'core-js/es6/string';
import 'core-js/es6/date';
import 'core-js/es6/array';
import 'core-js/es6/regexp';
import 'core-js/es6/map';
import 'core-js/es6/set';
import 'core-js/es6/weak-map';
import 'core-js/es6/weak-set';
import 'core-js/es6/typed';
import 'core-js/es6/reflect';
import 'core-js/es6/promise';
import 'core-js/es7/reflect';
import 'reflect-metadata';
複製代碼

3、引入classlist.js

首先用npm安裝asslist.js

npm install --save classlist.js
複製代碼

而後在src/polyfills.ts文件中按需引入文件,以下所示

/** IE10 and IE11 requires the following for NgClass support on SVG elements */
import 'classlist.js';  // Run `npm install --save classlist.js`.
複製代碼

4、若是要引入web-animations-js

要把 import 'web-animations-js' 寫在 import 'zone.js/dist/zone'後面

5、src/polyfills.ts文件以下，請注意引入依賴包順序

六 IE下的路由問題,ie9等低級瀏覽器不支持PathLocationStrategy 策略

@NgModule({
  imports: [RouterModule.forRoot(routes, {
    useHash:!Boolean(history.pushState)
  })],
  exports: [RouterModule]
})
複製代碼