無法在Chrome擴展程序內xhr文件

Question

我正在構建擴展，並試圖保持其結構良好。 它的一部分將使用某種類型的模板系統（小胡子，把手等）。 請注意，我已經意識到必須使用我所使用的庫的特定非評估版本。

問題是從app.js腳本（核心邏輯）中，我無法XHR加載/ templates中文件的內容（請參見下文）。

load事件永遠不會觸發，當我使用onreadystatechange進行檢查時，它會立即跳轉到狀態4，狀態代碼為0。（我們想要的是狀態4和狀態200）。

獲取文件的Chrome網址有效，例如

chrome.extension.getURL('templates/view1.html')
//chrome-extension://hdhpjlpbepobcdgnkklnakdpoojaahjg/templates/view1.html 

我懷疑manifest.json中有未正確配置的內容。 我已經閱讀了CSP文檔，但是沒有什么讓我驚訝的原因，為什么應該拒絕對擴展名本地文件的訪問。 請注意，XHR請求不會引發錯誤，它們永遠不會返回數據。

該應用程序的結構如下：

/manifest.json
/src
    app.js
    style.css
/libs
    jquery.js
    mustache.js

/templates
    view1.html
    view2.html

Manifest.json

{
  "name": "Test Extension",
  "version": "0.0.1",
  "manifest_version": 2,
  "icons": {
//    "16": "",
//    "48": ""
//    "128": ""
  },
//  "default_locale": "en",
  "permissions": [
    "contentSettings",
    "http://*/*",
    "https://*/*"
  ],
  "content_scripts": [
    {
      "matches": [
        "https://www.google.com/search*"
      ],
      "css": [
        "src/style.css"
      ],
      "js": [
        "src/app.js",
        "libs/jquery.js",
        "libs/mustache.js"
      ],
      "run_at": "document_start"
    }
  ]
}

Answer 1

您需要在清單的web_accessible_resources部分中列出要加載的文件。