vue 最新的版本中使用 vscode 调试， launch.json 文件该如何配置？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 2539 天前的主题，其中的信息可能已经有所发展或是发生改变。

利用vue-cli命令行工具生成的 Vue 项目,使用直接在控制台npm run dev没问题。但是在 vscode 中直接 debug 会报错。目前配置如下：

"configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}\\build\\dev-server.js",
    }
]

这个配置在 vue2.3 版本下执行没有问题，vue 最新的版本中（ 2.5 ）使用的是 webpack3，这个配置下会报Cannot read property 'NODE_ENV' of undefined。实在找不到解决方法，请大神解答一下。

5 条回复 • 2018-01-11 10:31:05 +08:00

dcalsky

2018-01-10 17:36:19 +08:00

plugins: [
new webpack.DefinePlugin({
'process.env.NODE_ENV': process.env.NODE_ENV
})
]

cloudzqy

2018-01-10 17:36:27 +08:00

没有 env ？
"env": {
"NODE_ENV": "development"
},
试试？

kalevi

2018-01-10 18:00:56 +08:00

@cloudzqy 谢谢，按照你的方法报`WebpackOptionsValidationError`, 往这个方向思考过，但不知道这么着手

KuroNekoFan

2018-01-11 09:59:40 +08:00

老老实实用 chrome 调试不好吗

moonou

2018-01-11 10:31:05 +08:00

使用 npm 的方式启用 server 吧