安装混合面板后未显示源地图

时间:2019-01-13 00:16:37

标签: node.js angular typescript angular6 mixpanel

我的控制台(在运行localhost:4200的Dev和prod环境中)正在记录index.js lineNumber而不是component.ts lineNumber。 Image

在访问我网域上的网站时,控制台中也出现以下混合面板错误: image 昨天我在所有按钮上都放了混合面板。我的mixpanel.service.ts文件:

import * as mixpanel from 'mixpanel-browser';

export class MixpanelService {

  constructor() {
    mixpanel.init('MY_TOKEN');
  }

  track(eventName: string) {
    mixpanel.track(eventName);
  }    
}

在我的代码中,我已经通过以下方式使用mixpanel-component.html文件将具有一个按钮,在该按钮中,我将添加一个点击侦听器:

<button type="submit" class="btn btn-primary" (click)="mixpanel('saidNoInsteadOfSilenceAndHitSubmitOnCantForm')">Submit</button>

,在component.ts文件中,我将添加一个名为mixpanel()的函数:

constructor(private mixpanelService: MixpanelService) { }


  mixpanel(eventName: string) {
    this.mixpanelService.track(eventName);
  }

我的tsconfig.json文件似乎启用了源映射(请看sourceMap):

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist",
    "sourceMap": true,
    "declaration": false,
    "module": "es2015",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom"
    ]
  }
}

如何将其恢复为以前的状态?我的console.logs在哪里可以给我组件和行号?另外,如何摆脱混合面板错误?

1 个答案:

答案 0 :(得分:1)

由于我也不熟悉Angular,因此无法真正说出地图部分,但是您从Mixpanel请求中看到的503错误似乎与CORS有关。

The Mixpanel help center has an article on this.

此外,there's a new community site您可以在其中提出后续问题。