手表在vscode中不起作用？ （Vuejs）

Question

我花了一些时间才能使调试器在Visual Studio Code中工作。 现在，程序在.vue文件/组件内部的设置断点处中断。 但是这些手表似乎都不起作用。 即使已创建变量，它们还是未定义或不可用。

我在launch.json使用的设置：

{   
    "name": "chrome debug",
    "type": "chrome",
    "request": "launch",
    "port": 3000,
    "url": "http://localhost:3000/admin",
    "webRoot": "${workspaceFolder}",
    "breakOnLoad": true
    // "sourceMapPathOverrides": {
    //     "webpack:///src/*": "${webRoot}/*"
    // }
}

我通过npm run build或npm run devbuild构建应用程序，据我npm run devbuild ，这将.vue组件“编译”为Javascript文件。 然后使用npm start或nodemon index.js启动应用程序。

Package.json

  "scripts": {
    <...>
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
    "devbuild": "cross-env NODE_ENV=development webpack --progress --hide-modules",
    <...>
  },

Answer 1

您是否尝试过使用nodemon添加新脚本？ 像这样：

“ newScript”：“ nodemon -L -e ts，json --watch。--exec \\” npm运行build || npm运行devbuild \\“”

-L =虽然这应该是最后的手段，因为它会轮询它可以找到的每个文件。 -e =默认情况下，nodemon查找扩展名为.js，.mjs，.coffee，.litcoffee和.json的文件。 如果使用--exec选项并监视app.py，nodemon将监视扩展名为.py的文件。 但是，您可以使用-e（或--ext）开关指定自己的列表，如下所示：nodemon -e js，jade --watch。 =要监视路径上的所有更改，在这种情况下，是当前路径上的所有代码。 （我从文档中获得了所有这些信息。

然后，运行命令：

npm运行newScript