115KC
0
Follow
0
View

Problems setting up debugging in Visual Studio code for Chrome, have it working for Firefox

I have the following in :

{
  "version": "0.2.0",
  "configurations": [
  {
    "type": "firefox",
    "request": "launch",
    "reAttach": true,
    "name": "vuejs: firefox",
    "url": "http://localhost:8080",
    "webRoot": "${workspaceFolder}/src",
    "firefoxExecutable": "C:/Users/Geoffrey Swenson/AppData/Local/Mozilla Firefox/firefox.exe",
    "breakOnLoad": true,
    "sourceMapPathOverrides": {
      "webpack:/*": "${webRoot}/*",
      "/./*": "${webRoot}/*",
      "/src/*": "${webRoot}/*",
      "/*": "*",
      "/./~/*": "${webRoot}/node_modules/*"
    },
   "preLaunchTask": "serve"
  },
  {
    "type": "chrome",
    "request": "launch",
    "reAttach": true,
    "name": "vuejs: chrome",
    "url": "http://localhost:8080",
    "webRoot": "${workspaceFolder}/src",
    "breakOnLoad": true,
    "sourceMapPathOverrides": {
      "webpack:/*": "${webRoot}/*",
      "/./*": "${webRoot}/*",
      "/src/*": "${webRoot}/*",
      "/*": "*",
      "/./~/*": "${webRoot}/node_modules/*"
    },
    "preLaunchTask": "serve"
  }]
}

I have the following in :

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "start",
      "type": "npm",
      "script": "serve",
      "isBackground": true
    },
    {
      "label": "serve",
      "type": "npm",
      "script": "serve",
      "isBackground": true,
      "problemMatcher": [{
        "base": "$tsc-watch",
        "background": {
            "activeOnStart": true,
            "beginsPattern": "Starting development server",
            "endsPattern": "Compiled successfully"
        }
      }],
      "group": {
          "kind": "build",
          "isDefault": true
      }
    }
  ]
}

I also have :

module.exports = {
  configureWebpack: {
    devtool: 'source-map'
  }
}

Breakpoints work in Firefox, though I have to press F5 the first time I load it. They never work in Chrome. Firefox involves installing a debugger extension, but there is supposedly no need for this for Chrome.

Problems setting up debugging in Visual Studio code for Chrome, have it working for Firefox
复制链接 新浪微博 腾讯空间
微信扫一扫

0 Answer

Sort by default
Sort by hot
daidaikeai0816
daidaikeai0816 注册会员
2023-01-25 16:44

first you need to set launch.json and then set your config file as you need:

hereafter an example which works with vite running as bundler in front and server in back

{
"debug": {
    "javascript": {
        "terminalOptions": {
            "skipFiles": [
                "/**"
            ],
            "trace": true
        }
    }
},
"configurations": [
    {
        "name": "Run bundler",
        "request": "launch",
        "type": "node-terminal",
        "command": "npm run ",
        "cwd": "${workspaceFolder}"
    }
]

}

Then forget webpack and use vite, thus you need to install vite and a vite config file

 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 // cf. https://vitejs.dev/config/
 export default defineConfig(async ({ command, mode }) => {
 return {
    plugins: [vue()],
    server: {
        proxy: {
            '/api/': {
                target: 'http://localhost:3080',
                changeOrigin: true,
                secure: false
            }
        },
        port: 3080,
        strictPort: true
    },
    build: {
        outDir: './server/public'
    }
 };
 });

I use typescript and in my ts.config.json, I setted

 ...
 "sourceMap": true,
 "types": ["vite/server"],
 "skipLibCheck": true,
 "forceConsistentCasingInFileNames": true
 ...

hope that's will help folk's !

复制链接 新浪微博 腾讯空间
微信扫一扫

About the Author

csgp521 注册会员

这家伙很懒，什么都没留下...

0
Answer
0
Article
0
Question

Question Info

Publish Time
2023-01-25 16:44
Update Time
2023-01-25 16:44

Related Question

Unable to open mmod_human_face_detector.dat for reading

Nodemon在添加discord.js命令后突然卡在“clean exit - waiting for changes before restart”

将.format()文本作为变量插入selenium WebDriverWait

可以写任何其他代码移动的问题在MS-Form使用Python硒,如果元素类已经改变?

使用DWY100k数据集对UEA进行测试，出现报错：IndexError: index 125000 is out of bounds for axis 0 with size 95500

supermap iobjects .net 添加控件报错

我如何在R中的for循环中添加一个矩阵的输出

Formik在从函数返回时不会获得日期值

在VSCODE中使用英特尔Fortran编译器,使用makefile - ' make: ift: Command not found '

错误:库未加载:@rpath/libswiftCore.在Flutter for iOS中的dylib

115KC © 2023 闽ICP备2020022241号