使用svelte创建浏览器扩展

问题描述

我正在尝试使用svelte创建浏览器扩展。目前，我仅在firefox上对其进行测试。我从svelte官方网站下载了svelte-app.zip，并在我知道的新目录中创建了manifest.json。我从正式的MDN复制清单文件的内容，添加的内容是"permissions"，"background"和"content_security_policy"，以便扩展程序可以加载内联脚本源。>

清单文件现在看起来像这样：

{

    "manifest_version": 2,"name": "Test","version": "1.0","description": "Test","icons": {
        "96": "public/favicon.png"
    },"background": {
        "scripts": [
            "public/build/bundle.js","public/build/bundle.js.map"
        ]
    },"browser_action": {       
        "default_popup": "public/index.html"
    },"permissions": [
        "<all_urls>","tabs","activeTab"
    ],"content_security_policy": "default-src 'self'"
  
  }

现在，一旦我将清单文件加载到浏览器中，弹出窗口就会被接受。在检查临时扩展时，只有在单击Firefox工具栏中的实际扩展按钮时，我才能看到svelte创建的代码。 我进入控制台，发现每次我单击工具栏中的扩展按钮时，都会出现错误。

Loading Failed for the <script> with source “moz-extension://256ffce8-a7df-46e6-a244-67125024655b/build/bundle.js”.

[Exception... "Favicon at "moz-extension://256ffce8-a7df-46e6-a244-67125024655b/favicon.png" Failed to load."  nsresult: "0x80520015 (NS_ERROR_FILE_ACCESS_DENIED)"  location: "JS frame :: resource:///modules/FaviconLoader.jsm :: onStopRequest :: line 229"  data: no]
onStopRequest resource:///modules/FaviconLoader.jsm:229

知道为什么会这样吗？我是一个一般的新开发人员，经验不足，将不胜感激。谢谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）