在使用React路由器的网站上的manifest.json中运行单独的脚本

Question

我正在开发一个chrome扩展程序，该扩展程序需要根据页面的URL运行两个单独的脚本，它们不能重叠。

在manifest.json中，我有以下内容：

  "content_scripts": [
{
  "js": [
    "food.js",
    "thirdParty/jquery-3.3.1.min.js"
  ],
  "matches": [
    "https://example.com/food"
  ],
  "run_at": "document_end"
},
{
  "js": [
    "thirdParty/jquery-3.3.1.min.js",
    "cars.js"
  ],
  "matches": [
    "https://example.com/cars"
  ],
  "run_at": "document_end"
}],

但是，问题是，当我在页面上并且从汽车转到食物时，cars.js脚本继续执行，而food.js并不是由于页面未刷新而是使用了React路由器。