使用相对路径时无法加载chrome扩展内容脚本

chrome extension content script cannot be loaded when using relative path

本文关键字：扩展 chrome 脚本 加载 相对 路径      更新时间：2023-09-26

我遇到了一个奇怪的问题，这个问题困扰了我很多。

要使用内容脚本，清单文件设置为：

"content_scripts": [
    {
        "matches": [ ... ],
        "js": [ "a.js", "b.js"]
    }
]

a.js和b.js放在项目的根目录中。它奏效了。为了组织项目，我将这两个文件移到一个文件夹中，然后将清单修改为：

"content_scripts": [
    {
        "matches": [ ... ],
        "js": [ "lib/a.js", "lib/b.js"]
    }
]

然后扩展无法工作并打开开发工具，内容脚本都是空的。如果我撤销，那么它又起作用了。那怎么了？

谢谢大家！

如果脚本在文件夹中，扩展应该可以正常工作。

您可以执行以下操作来解决此问题：

  1. 尝试重新加载扩展。导航到chrome://extensions/，然后单击扩展附近的Reload链接
  2. 确保相关文件夹确实在扩展根目录中
  3. 如果您正在使用Extensions Reloader并对manifest.json文件进行了一些修改，则必须在chrome://extensions/中手动重新加载扩展名。Extensions Reloader不会从manifest.json重新加载更改，但大部分内容脚本文件都会更改
相关文章：