0

我已经使用 React 构建了一个 chrome 扩展，现在正在尝试实现 Google Analytics。网上有一些关于在 chrome 扩展中使用 GA 和在 React 中使用 GA 和 ReactGA 的内容，但没有关于 React 中的 chrome 扩展。

下面，我创建了一个用于页面跟踪的 AnalyticsProvider 组件（我在另一个问题上找到了）：

import { useEffect } from "react";

export default function AnalyticsProvider() {
  const initAnalytics = () => {
    setTimeout(() => {
      const _gaq = _gaq || [];
      _gaq.push(["_setAccount", "UA-XXXXXXXXX-X"]);
      _gaq.push(["_trackPageview"]);
    }, 2000);
  };

  useEffect(() => {
    (function () {
      var ga = document.createElement("script");
      ga.type = "text/javascript";
      ga.async = true;
      ga.src = "https://ssl.google-analytics.com/ga.js";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(ga, s);
      initAnalytics();
    })();
  }, []);

  return null;
}

我在 manifest.json 文件中添加了以下内容：

"content_security_policy": "script-src 'self' 'unsafe-eval' https://ssl.google-analytics.com https://apis.google.com; object-src 'self'"

但是，尝试在浏览器中解压缩我的扩展时，我收到以下错误消息：

Invalid value for 'content_security_policy'.
Could not load manifest.

知道为什么我会收到此错误吗？

我是所有这一切的初学者，所以任何帮助或指导将不胜感激！

4

0 回答 0