在一个为了人类更大利益的会议上挖掘这个。
看起来我让它在外部工作而没有生成错误，但只有当我在Chrome DevTools内部查看调试器时。在Visual Studio Code内部，每次我进入Chrome调试器时，它都会带我进入缩小版。
理想情况下，这应该会将我带到确切的[svelte]文件，并让我逐步通过并编辑该单个文件;就像我调试过的其他脚本一样。使用内联调试器，它会打开[.svelte]文件的克隆只读版本，这迫使我检查那里的变量，然后转到可写文件进行编辑;这在任何其他语言中都不需要这样做。
无论如何，这看起来像是调试Chrome扩展程序时的一个非常常见的问题，所以我希望它能帮助一些人，我希望有人能改进这一点。如果我找出其他问题，那么我将更新我的更改此答案。
第一个月

//Specific to this repo
{
  "manifest_version": 3,
  "permissions": [
    "sidePanel",
    "storage"
  ],
  "action": {
    "default_popup": "src/popups/app.html"
  },
  "side_panel": {
    "default_path": "src/side-panels/app.html"
  },
  "content_scripts": [
    {
      "matches": [
        "https://*/*",
        "http://*/*"
      ],
      "js": ["src/content-scripts/highlighter/app.js"]
    }
  ],
  //Manifest v2 Recommended change
  "web_accessible_resources": [
    {
        "resources": ["*.js.map"],
        "matches": ["https://*/*","http://*/*"]
    }
  ]
}

字符串
.vscode/launch.json个

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome",
             //This config is meant for content_scripts, so this is just a random domain. Would probably be nice if it could go to options.html, popup.html, etc. automatically for debugging. Not sure how to get that working though.
            "url": "https://www.svelte.dev/",
            //Opens chrome and injects the unpacked extension and auto opens dev tools to trigger debugging automatically
            "runtimeArgs": ["--load-extension=${workspaceFolder}/dist", "--auto-open-devtools-for-tabs"],
            //Stops the errors imaged above
            "resolveSourceMapLocations": [
                "${workspaceFolder}/dist/**",
                "!**/node_modules/**"
            ]
        },
        { 
            //Requires Debugger for Firefox Extension
            "type": "firefox",
            "request": "launch",
            "name": "Launch Firefox",
            "url": "https://svelte.dev/", 
            "addonPath": "${workspaceFolder}/dist"
        }
    ]
}

型
vite.config.js个

...
export default defineConfig({
  ...
  build: {
    emptyOutDir: true,
    sourcemap: true
  },
  ...
});

型