angular - 如何解决 ReferenceError - gtag is not defined for Karma Jasmine test？

Question

我的 Google Analytics typescript 文件中有一个全局变量。

declare var gtag: any;

当我在 Angular 项目中运行 ng test 时，它显示以下错误。

ReferenceError: gtag is not defined

Answer 1

说明: 由于您使用的是 google 标签管理器，因此您必须在某处定义 gtag 函数。当您按照 googleAnalytics 的教程进行操作时，他们要求您在 index.html 中包含一些 javascript 代码。问题是当你运行你的测试时，你创建的组件没有它们的父组件，所以实际的 index.html 文件永远不会加载你添加的 javascript 代码。您需要在运行测试之前加载该代码。

如何进行:我建议您将该内容导出到一个单独的文件中，然后将该文件导入您的 index.html

<script src="assets/metrics/gtm.js"></script>

在此之后进入您的 Karma.conf.js 和以下框架:[...] 添加以下内容:

   files: [
      /* I put my file (containing javascript code) into that path, yours might change */
      { pattern: 'src/assets/**/gtm.js', included: true }
    ],

在此之后，您应该可以简单地重新启动测试!希望对其他人有帮助!