要在所有浏览器上运行Angular应用,可以使用以下解决方案:
// src/polyfills.ts
// 加载所需的Polyfills
import 'core-js/es6/reflect';
import 'core-js/es7/reflect';
import 'zone.js/dist/zone';
// ...
// 在主模块中引导应用程序
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
platformBrowserDynamic().bootstrapModule(AppModule);
// .babelrc
{
"presets": [
[
"@babel/preset-env",
{
"targets": {
"browsers": [
"> 1%",
"last 2 versions",
"not ie <= 8"
]
}
}
]
]
}
# 安装Angular Universal
npm install @nguniversal/express-engine
# 生成Angular Universal代码
ng generate universal --client-project [your-angular-app-name]
# 构建应用程序
npm run build:ssr
# 启动服务器
npm run serve:ssr
通过使用上述解决方案之一,可以在几乎所有现代浏览器中成功运行Angular应用程序。