小编Gil*_*nti的帖子

使用 VSCODE 调试在 Webpack + Typescript + 无框架中不起作用

上下文

浪费时间试图让 vscode 调试器在这个项目中运行。使用:

  • 网络包
  • 打字稿
  • 没有外部库

这个想法是生成一个与 ie11 兼容的纯香草 JS 组件。这是它的行动: 我的 vanilla JS 组件 gct-emails-input

链接到现场示例:https : //gilsoncav.github.io/emails-tags-input/dist/index.html

链接到 repo:https : //github.com/gilsoncav/emails-tags-input

问题

我在开发过程中使用 Live Server 扩展进行测试(但我怀疑该问题与此有关)。

GIF 运行肝脏服务器 vscode webpack typescript

当我尝试启动调试会话时,断点未“安装”。

vscode webpack 打字稿问题激活断点

相关资料

我的package.json相关部分

      "scripts": {
        "dev": "webpack --mode development --watch",
        "build": "webpack --mode production"
      },
Run Code Online (Sandbox Code Playgroud)

我的webpack.config.js文件:

      "scripts": {
        "dev": "webpack --mode development --watch",
        "build": "webpack --mode production"
      },
Run Code Online (Sandbox Code Playgroud)

我的.vscode/launch.json

  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "chrome",
      "url": "http://127.0.0.1:5500/dist/emails-input__form-example.html",
      "webRoot": "${workspaceFolder}/dist",
      "sourceMaps": true,
      "trace": "verbose", …
Run Code Online (Sandbox Code Playgroud)

javascript typescript webpack visual-studio-code vscode-debugger

6
推荐指数
1
解决办法
3045
查看次数