在SPFX for SharePoint网站中使用Gtag时，浏览器控制台错误

Question

我遵循了使用SPFX在两个SharePoint网站上设置Google Analytics（分析）的指南。这是guide，非常有用。这是我添加了自己的gtags的一部分代码：

 eval(`

    window.dataLayer = window.dataLayer || [];

    function gtag(){dataLayer.push(arguments);}

    gtag('js', new Date());

    gtag('config',  '${trackingID}');

  `);

完成指南后，我在SPFX代码中使用gtag从Google Analytics（分析）添加了自定义维度。这是我现在拥有的代码：

    eval(`

    window.dataLayer = window.dataLayer || [];

    function gtag(){dataLayer.push(arguments);}

    gtag('js', new Date());

    gtag('config', '${trackingID}', {
      'user_id': '${this.context.pageContext.legacyPageContext.userId}', 
      'custom_map': {
        'dimension1': 'User',
        'dimension2': 'Domain',
        'dimension3': 'WebTitle',
        'dimension4': 'ListTitle'
      }
    });

    gtag('event', 'foo', {'User': ${this.context.pageContext.legacyPageContext.userId.toString()}, 
                          'Domain': ${username}, 
                          'WebTitle': ${siteTitle}, 
                          'ListTitle': ${listTitle}
                        });

  `);

添加我的代码后，数据跟踪不再起作用。我在浏览器的控制台中收到错误：

Error: Failed to create application customizer 
'ClientSideExtension.ApplicationCustomizer.ce426720-2296-458e-92a8-e250bb945721'. Error 
information is 'missing } after property list'.

我不确定为什么会收到此错误，因为这似乎使我似乎缺少方括号或逗号，但我认为不是。任何帮助将不胜感激！