将 JS 库添加到 Chrome 扩展程序答案

【问题标题】：Add JS Library to Chrome Extension将 JS 库添加到 Chrome 扩展程序
【发布时间】：2014-10-21 17:57:01
【问题描述】：

我正在构建 Chrome 扩展程序，但在添加要在我的内容脚本中使用的 JavaScript 库时遇到问题。

我正在尝试添加Mutation Summary Library。我将 'mutation_summary.js' 文件放入扩展程序的目录中，并尝试通过将 'mutation_summary.js' 添加到 'manifest.json' 文件中来添加它，如下所示：

"content_scripts": [
    { 
      "matches": ["http://soundcloud.com/*", "https://soundcloud.com/*"],
      "js": ["content_script.js", "mutation_summary.js"]
    }

添加时会引发扩展错误。错误显示“无法为内容脚本加载 javascript 'mutation_summary.js'。

我是否错误地添加了 javascript 库？

谢谢

【问题讨论】：

请移除 google-chrome-app 标签。
能否请您发布您的扩展的文件结构？
所有文件都在同一个文件夹中。没有子文件夹。所以content_script.js、background.js、mutation_sumary.js文件都在同一个文件夹的同级
附带说明，您需要将mutation_summary.js 文件放在数组的第一个位置。他们从左到右被执行。
三重检查文件名。您自己只是将其称为“摘要”

标签： javascript google-chrome google-chrome-extension

【解决方案1】：

它非常适合我。我用一个名为 mutation_summary.js 的文件创建了一个扩展，其中包含 console.log('FILE LOADED!');，它在我加载 soundcloud.com 后立即显示，也许你的文件名有错字？

manifest.json：

{
    "name": "Extension",
    "version": "1.0",
    "manifest_version": 2,

    "content_scripts": [
        {
            "matches": ["http://soundcloud.com/*", "https://soundcloud.com/*"],
            "js":["mutation_summary.js"]
        }
    ]
}

【讨论】：