Question

我正在尝试使用Visual Studio Code来启动webpack＆＃34; webpack-dev-server＆＃34;命令，但无论我在launch.json中使用什么配置，我都会收到错误。

我目前的launch.json看起来像这样：

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch",
            "type": "node",
            "request": "launch",
            "program": "./node_modules/.bin/webpack-dev-server.cmd",
            "stopOnEntry": false,
            "args": ["-d --hot --inline"],
            "cwd": ".",
            "runtimeExecutable": null,
            "runtimeArgs": [],
            "env": {
                "NODE_ENV": "development"
            },
            "externalConsole": false,
            "sourceMaps": true,
            "outDir": "null"
        },
        {
            "name": "Attach",
            "type": "node",
            "request": "attach",
            "port": 5858
        }
    ]
}

当前错误是：

cannot launch program 'c:\ftct\node_modules\.bin\webpack-dev-server.cmd'; setting the 'outDir' attribute might help

我已尝试将outDir设置为某个值或其他值，但它仍抱怨设置此属性。

有什么想法吗？这就是我从Visual Studio 2015迁移到Visual Studio Code的最后障碍！

Answer 1

任何遇到这种情况的人，我都可以使用它：

{
    "type": "node",
    "request": "launch",
    "name": "Start JS",
    "program": "${workspaceFolder}/node_modules/webpack-dev-server/bin/webpack-dev-server",
    "args": [
        "--config",
        "webpack.javascript.js",
        "--hot",
        "--progress"
    ],
    "console": "internalConsole",
    "internalConsoleOptions": "openOnSessionStart"
},

这是使用自定义webpack.javascript.js配置文件。如果使用默认值，则可以删除前两个参数。格式化是控制台启动时的一个小消息，但它的工作原理包括命中断点。

在撰写本文时，这是最新的VS代码。

Answer 2

Args不正确。它们应该是这样的：

    "args": ["-d", "--hot", "--inline", "--outDir", "."]

配置VSC＆lt; launch.json启动webpack-dev-server

2 个答案: