Angular 7-延迟加载不与服务工作者一起工作

Angular 7-延迟加载不与服务工作者一起工作,angular,lazy-loading,service-worker,angular7,angular-service-worker,Angular,Lazy Loading,Service Worker,Angular7,Angular Service Worker,我在AWS EC2 Ubuntu实例上部署了node.js/Angular应用程序。在浏览器中打开项目时,所有延迟加载的模块都不工作。模块从未完成加载,尽管它们已开始加载 奇怪的是,将应用程序部署到Heroku或使用localhost进行测试时,一切正常。(在生产构建中) 以下是部署到AWS EC2实例时网络选项卡的外观(不加载惰性模块): 以下是部署到Heroku时网络选项卡的外观(工作正常): 以下是在本地主机上运行时“网络”选项卡的外观(工作正常): 延迟加载仅在删除我的服务工作

我在AWS EC2 Ubuntu实例上部署了node.js/Angular应用程序。在浏览器中打开项目时,所有延迟加载的模块都不工作。模块从未完成加载,尽管它们已开始加载


奇怪的是,将应用程序部署到Heroku或使用localhost进行测试时,一切正常。(在生产构建中)

以下是部署到AWS EC2实例时网络选项卡的外观(不加载惰性模块):

以下是部署到Heroku时网络选项卡的外观(工作正常):

以下是在本地主机上运行时“网络”选项卡的外观(工作正常):


延迟加载仅在删除我的服务工作者时有效

应用程序路由.ts

export const routes: Routes = [
  {
    path: 'auth',
    loadChildren: './auth/auth.module#AuthModule',
  },
  {
    path: 'seller',
    canActivate: [guards.AuthGuard, guards.SellerGuard],
    loadChildren: './features/seller/seller.module#SellerModule',
  },
  {
    path: 'shopping',
    loadChildren: './features/shopping/shopping.module#ShoppingModule',
  },
  {
    path: 'products',
    loadChildren: './features/products/products.module#ProductsModule',
  },
  {
    path: 'me',
    canActivate: [guards.AuthGuard],
    loadChildren: './features/me/me.module#MeModule',
  },
  {
    path: 'search',
    loadChildren: './features/search/search.module#SearchModule',
  },
  {
    path: 'business',
    loadChildren: './features/business/business.module#BusinessModule',
  },
  {
    path: 'users',
    loadChildren: './features/users/users.module#UsersModule',
  },
  {
    path: '**',
    redirectTo: ''
  },
];
节点服务器.js

export const routes: Routes = [
  {
    path: 'auth',
    loadChildren: './auth/auth.module#AuthModule',
  },
  {
    path: 'seller',
    canActivate: [guards.AuthGuard, guards.SellerGuard],
    loadChildren: './features/seller/seller.module#SellerModule',
  },
  {
    path: 'shopping',
    loadChildren: './features/shopping/shopping.module#ShoppingModule',
  },
  {
    path: 'products',
    loadChildren: './features/products/products.module#ProductsModule',
  },
  {
    path: 'me',
    canActivate: [guards.AuthGuard],
    loadChildren: './features/me/me.module#MeModule',
  },
  {
    path: 'search',
    loadChildren: './features/search/search.module#SearchModule',
  },
  {
    path: 'business',
    loadChildren: './features/business/business.module#BusinessModule',
  },
  {
    path: 'users',
    loadChildren: './features/users/users.module#UsersModule',
  },
  {
    path: '**',
    redirectTo: ''
  },
];
//许多其他配置
应用程序使用('/api',api)
应用程序获取(“*”,(请求,请求)=>{
res.status(200).sendFile(path.join(uu dirname,'./client/index.html'))
})
应用程序侦听(端口,()=>{

console.log(`•Server launched从您的资产中删除您的updateMode预取。

看起来service worker有问题。您可以在设置service worker的位置包含一些代码块吗?我已经添加了它:)尝试阻止服务人员的注册,看看它是否有效。没有服务人员,它可以正常工作!您知道如何解决此问题吗?