javascript - agm 方向构建类型 r 错误

Question

我正在使用 Angular 6 。使用 ngserve 和 ng build 一切正常，但使用 ng build --prod map 无法打开，并且在控制台中显示此类型 r 不是构造函数。

我正在使用股东大会指示https://github.com/explooosion/Agm-Direction/

  <agm-map [latitude]="lat" [longitude]="lng" [zoom]="13">
      <agm-direction [waypoints]="waypoints" [origin]="origin" [destination]="destination">
      </agm-direction>
  </agm-map>


 this.origin = { lat: 18.544405, lng: 73.735341 };
    this.destination = { lat: 18.544405, lng: 73.735341 };
    this.waypoints = [
      {
        location: "18.532667,73.8276983"
      },
      {
        location: "18.533654,73.8235143"
      },
      {
        location: "18.523258, 73.762949"
      }
    ];

Answer 1

我最近偶然发现了同样的错误，结果发现该错误是由 Ahead-of-Time (AOT) Compilation 引起的(默认情况下为生产部署启用)

一种解决方案是禁用 AOT :

ng build --prod --aot false

另一个解决方案是等到此错误在 Agm-Direction library 中得到解决。

以下是解决此问题的更改列表:

1) 通过从 tsconfig.es5.json 中删除以下内容来禁用 FESM

"flatModuleOutFile": "agm-direction.js",
"flatModuleId": "agm-direction"

2) 通过替换行(对于 copy:build 任务)来修改 gulpfile.js

return gulp.src([`${buildFolder}/**/*`, `!${buildFolder}/**/*.js`])

与

return gulp.src([`${buildFolder}/**/*`])