Typescript Parsing error: '}' expected when trying to use Google Analytics

Question

我正在尝试将 Google Analytics 添加到我的 React 应用程序中，我在 HTML 文件的头部有脚本标记，但我希望有条件地呈现脚本的这一部分。如果可以的话，我不想使用任何依赖项。下面的代码是我正在使用的代码，但出现解析错误。任何人都可以阐明我的困境吗？

import React from 'react';

interface IGoogleAnalytics {
  arguments?: any
}

const GoogleAnalytics: React.FC<IGoogleAnalytics> = () => {
  return (
    <script>
      {
        window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};
        ga.l=+new Date;
        ga('create', 'UA-000000000-1', 'auto');
        ga('send', 'pageview');
      }
    </script>
  )
}

export default GoogleAnalytics

Answer 1

如果您不想使用任何依赖项，请将您的脚本标记移动到 Google Analytics 脚本文件之后的 HTML 文件。

<script src="link to Google Analytics script" />
<script>
    window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};
    ga.l=+new Date;
    ga('create', 'UA-000000000-1', 'auto');
    ga('send', 'pageview');
</script>

Typescript Parsing error: '}' expected when trying to use Google Analytics

Typescript Parsing error: '}' expected when trying to use Google Analytics

google-analytics

typescript

reactjs