使用 Parcel 和 Edge Chromium 对 VSCode 进行正确的调试配置

大佬教程收集整理的这篇文章主要介绍了使用 Parcel 和 Edge Chromium 对 VSCode 进行正确的调试配置，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决使用 Parcel 和 Edge Chromium 对 VSCode 进行正确的调试配置？

在启动 Parcel & Edge Chromium 时，标准启动配置选项似乎不起作用。

在 launch 模式下，浏览器会打开一个新的 Chromium 实例，该实例会丢失所有扩展设置，而 attach 模式只是拒绝加载浏览器，或导致此错误循环：

> parcel serve src/index.HTML

DeBUGger attached.
ℹ Server running at http://localhost:1234
@parcel/workers: CAnnot find module '"c:/Users/jgent/ApPDAta/Local/Programs/Microsoft'
require stack:
- internal/preload
Error: CAnnot find module '"c:/Users/name/ApPDAta/Local/Programs/Microsoft'      
require stack:
- internal/preload
    at Function.Module._resolvefilename (internal/modules/cJs/loader.Js:815:15)   
    at Function.Module._load (internal/modules/cJs/loader.Js:667:27)
    at Module.require (internal/modules/cJs/loader.Js:887:19)
    at Module._preloadModules (internal/modules/cJs/loader.Js:1147:12)
    at loadPreloadModules (internal/bootstrap/pre_execution.Js:446:5)
    at messagePort.<anonymous> (internal/main/worker_thread.Js:122:5)
    at messagePort.emit (events.Js:314:20)
    at messagePort.onmessage (internal/worker/io.Js:80:8)
    at messagePort.exports.emitmessage (internal/per_context/messageport.Js:11:10)

这是我当前的配置：

launch.Json：

{
  "version": "0.2.0","configurations": [
    {
      "command": "npm start","name": "Parcel","request": "launch","type": "node-terminal"
    },{
      "type": "edge","version": "canary","name": "DeBUG","url": "http://localhost:1234","webroot": "${workspaceFolder}","breakOnLoad": true,"sourceMapPathOverrIDes": {
        "../*": "${webroot}/*"
      }
    }
  ],"compounds": [
    {
      "name": "Parcel/DeBUG","configurations": ["DeBUG","Parcel"]
    }
  ]
}

package.Json：

{
"scripts": {
    "start": "parcel serve src/index.HTML"
  },}

有人有可用的配置吗？

解决方法

{
  "version": "0.2.0","configurations": [
    {
      "name": "Debug","type": "pwa-msedge","request": "launch","preLaunchTask": "Parcel","url": "http://localhost:1234","webRoot": "${workspaceFolder}"
    }
  ]
}

{
  "version": "2.0.0","tasks": [
    {
      "label": "Parcel","type": "npm","script": "start","isBACkground": true,"problemMatcher": []
    }
  ]
}

大佬总结

以上是大佬教程为你收集整理的使用 Parcel 和 Edge Chromium 对 VSCode 进行正确的调试配置全部内容，希望文章能够帮你解决使用 Parcel 和 Edge Chromium 对 VSCode 进行正确的调试配置所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。