无法加载 Chrome 扩展 Javascript 文件

Question

我已经构建了一个简单的应用程序来修改用户在使用 Adwords 时输入到文本区域的单词。但是，当我尝试加载解压缩的扩展程序时，javascript 文件说加载它时出错。

这是我的清单：

{
  "name": "Keyword Modifier",
  "version": "1.0",
  "manifest_version": 2,
  "description": "Just copy/paste your keywords and modify them in bulk.",

  "icons": {
    "16": "icons/icon16.png",
    "48": "icons/icon48.png",
    "128": "icons/icon128.png"
  },
  "default_locale": "en",
  "browser_action": {
    "default_icon": "icons/icon19.png",
    "default_title": "Keyword Modifier",
    "default_popup": "src/browser_action/browser_action.html"
  },
  "content_scripts": [
    {
      "matches": [
        "https://www.google.com/*"
      ],
      "js": [
        "js/popup.js"
	
      ]
    }
  ]
}

这里是javascript：

var keywordBox = document.getElementById('keywordBox');
var phraseButton = document.getElementById('phraseButton');
var exactButton = document.getElementById('exactButton');
var modifiedButton = document.getElementById('modifiedButton');

phraseButton.addEventListener('click', function() {
     keywordBox.value = ('"' + keywordBox.value + '"'); 
     keywordBox.value = keywordBox.value.replace(/\n/g, '"\n"');
  });
  
exactButton.addEventListener('click', function () {
     keywordBox.value = ('[' + keywordBox.value + ']'); 
     keywordBox.value = keywordBox.value.replace(/\n/g, ']\n[');
  });
  
modifiedButton.addEventListener('click', function () {
     keywordBox.value = keywordBox.value.replace(/^/gm, "+")
     keywordBox.value = keywordBox.value.replace(/ /g, ' +')
  });

我已经在 Glitch 上对此进行了测试，并且知道我的程序可以正常运行，所以我很好奇可能导致错误的原因。感谢您的帮助！

Answer 1

签出您的项目：

"default_popup": "src/browser_action/browser_action.html"

root/src/browser_action/browser_action.html

"js": [ "js/popup.js" ]

root/js/popup.js

browser_action.htmlhtml代码<script src="../../js/popup.js"></script>