手表在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