扩展角框架类RouteReuseStrategy时出错

Question

我的问题有两个方面。要解决的错误是，当我使用自定义路由重用策略时，当我使用implements重写angular路由器类RouteReuseStrategy时，该策略不会被触发，当我使用extends关键字时，我会出现以下异常，

import { RouteReuseStrategy,ActivatedRouteSnapshot,DetachedRouteHandler} 
from '@angular/router';

export class CustomRouteReuseStrategy extends RouteReuseStrategy {

shouldDetach(route: ActivatedRouteSnapshot): boolean { return false; }

store(route: ActivatedRouteSnapshot, detachedTree: DetachedRouteHandle): void {}

shouldAttach(route: ActivatedRouteSnapshot): boolean { return false; }

retrieve(route: ActivatedRouteSnapshot): DetachedRouteHandle { return null ; }

shouldReuseRoute(future: ActivatedRouteSnapshot, curr: ActivatedRouteSnapshot): boolean {
    console.log("inside shouldReuseRoute...");
  return future.routeConfig === curr.routeConfig ;
}

我的生成设置的详细信息：

>

使用gulp编译

gulp.task（“compile”,()=>{let tsResult=gulp.src（“app/**/*.ts”）.pipe（sourcemaps.init（））.pipe（tsc（tsProject））；返回tsResult.js.pipe（sourcemaps.write（“.”,{sourceroot:'/app'}）.pipe（gulp.dest（“build/app”））；

“@Angular/编译器”：“~4.3.1”，

“@棱角/芯”：“~4.3.1”，

“@Angulation/Forms”：“~4.3.1”，

“@Angular2-Material/Tabs”：“^2.0.0-alpha.8-2”，

“@ng-bootstrap/ng-bootstrap”：“^1.0.0-alpha.9”，

“Angular2-in-memory-web-api”：“0.0.20”，

“ng2-datetime-picker”：“^0.9.8”，

“ngx-bootstrap”：“^2.0.0-beta.8”，

“反射-元数据”：“^0.1.3”，

}，

“DevDependencies”：{

“并发”：“^3.5.1”，

“tslint”：“~5.8.0”，

“打字稿”：“~2.6.1”，

“类型”：“^2.1.1”，

"compilerOptions": {

"outDir": "build/app",

"target": "es5",

"module": "system",

"moduleResolution": "node",

"sourceMap": true,

"emitDecoratorMetadata": true,

"experimentalDecorators": true,

"removeComments": false,

"noImplicitAny": false

},

 "exclude": [

"gulpfile.ts",

"node_modules"

我浏览了堆栈溢出查找此异常的解决方案。每一次讨论都表明在类层次结构的顺序上存在一些问题，在我的例子中，我使用的是在webpack angular cli项目中100%工作正常的angular framework类。

谢谢你抽出时间。

Answer 1

问题出在我的工作区结构上。我更新了package.json，使其使用angular Version4.3.0，并运行npm install将其下载到node_modules文件夹。但是gulp build是从另一个node_modules文件夹读取的，它读取的是angular 2版本，导致了这个问题。当我用angular 4版本更新实际的node_modules文件夹时，customRouteReuseStrategy开始工作。

谢谢，