1

我花了一段时间才让调试器在 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,将 .vue 组件“编译”成 Javascript 文件。然后使用npm start或启动应用程序nodemon index.js

包.json

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

例子

4

1 回答 1

0

您是否尝试过使用 nodemon 添加新脚本?像这样的东西:

"newScript": "nodemon -L -e ts,json --watch .--exec \"npm run build || npm 运行 devbuild\""

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

然后,运行命令:

npm 运行新脚本

于 2018-05-28T18:30:31.753 回答