Angular 7+:如果涉及任何路由解析,HMR(热模块替换)将无法工作。
创始人
2024-10-16 21:01:13
0

在Angular 7+中,如果涉及任何路由解析,HMR(热模块替换)将无法工作。这是因为HMR功能在路由解析时无法获取完整的应用程序状态。

要解决这个问题,可以使用ngx-hmr库来帮助实现HMR功能。下面是解决方法的代码示例:

  1. 首先,安装ngx-hmr库。
npm install ngx-hmr --save
  1. 在app.module.ts文件中导入ngx-hmr模块并进行配置。
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HmrModule } from 'ngx-hmr';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    HmrModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
  1. 在main.ts文件中使用ngx-hmr库来启用HMR功能。
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { hmrBootstrap } from 'ngx-hmr';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}

const bootstrap = () => platformBrowserDynamic().bootstrapModule(AppModule);

if (environment.hmr) {
  if (module['hot']) {
    hmrBootstrap(module, bootstrap);
  } else {
    console.error('HMR is not enabled for webpack-dev-server!');
    console.log('Are you using the --hmr flag for ng serve?');
  }
} else {
  bootstrap().catch(err => console.log(err));
}

通过以上步骤,你的应用程序将能够在涉及路由解析的情况下使用HMR功能。

相关内容

热门资讯

透视关于!hh poker插件... 透视关于!hh poker插件下载(透视)约局吧开挂神器是真的吗,教程手段(有挂规律)-哔哩哔哩1、...
德普辅助器怎么用!wpk德州局... 德普辅助器怎么用!wpk德州局透视(透视)方法-总是了解真的有挂1、德普辅助器怎么用公共底牌简单,德...
透视有挂!wepoker免费钻... 透视有挂!wepoker免费钻石(透视)德扑之心免费透视,教程课程(存在有挂)-哔哩哔哩1、下载好德...
wepoker透视底牌!wep... wepoker透视底牌!wepoker插件功能辅助器(透视)攻略-竟然推荐真的是有挂1、wepoke...
透视有挂!WePoKer辅助器... 透视有挂!WePoKer辅助器(透视)hhpoker脚本下载,教程总结(发现有挂)-哔哩哔哩1、实时...
WePOker有没有透视方法!... WePOker有没有透视方法!hardrock透视工具(透视)教程-原来推荐存在有挂运WePOker...
透视必备!wepoker有没有... 透视必备!wepoker有没有挂(透视)epoker底牌透视,教程模板(有挂功能)-哔哩哔哩该软件可...
透视详情!pokeplus脚本... 透视详情!pokeplus脚本(透视)wepoker辅助透视软件,教程妙招(有挂讲解)-哔哩哔哩1、...
wepoker可以免费玩吗!p... wepoker可以免费玩吗!pokemmo辅助器手机版下载(透视)软件-总是科普真的是有挂1、进入游...
透视解密!德普之星私人局辅助器... 透视解密!德普之星私人局辅助器(透视)we-poker辅助器,教程大纲(有人有挂)-哔哩哔哩1、许多...