美文网首页
vscode 调试nodejs es6

vscode 调试nodejs es6

作者: 滚石_c2a6 | 来源:发表于2017-11-13 18:52 被阅读548次

vscode调试es6时,会有如下错误:
SyntaxError: Unexpected token import

解决办法:

1.使用babel-register
专业建议(Pro tips) : 你也可以使用babel-node或者其他的方式,但需要做更多的工作,因此这里仅介绍babel-register的方式.
$ npm i -D babel-register
$ npm i -D babel-preset-es2015

2.配置babel
package.json
{
// ...
// something else
// ...
"devDependencies": {
"babel-preset-es2015": "^6.18.0",
"babel-register": "^6.18.0"
},
"babel": {
"presets": [
"es2015"
],
"sourceMaps": true,
"retainLines": true
}
}

或者配置.babelrc
{
"presets": [
"es2015"
],
"sourceMaps": true,
"retainLines": true
}
注意 : 在这里统一将配置到package.json。

3.配置vscode
在.vscode/launch.json添加
"sourceMaps": true,

完整的如下:
{
"type": "node",
"request": "launch",
"name": "server launch",
"program": "${workspaceRoot}/ziliao/nuxt-template/server/sso/test.js",
"runtimeExecutable": "${workspaceRoot}/ziliao/nuxt-template/node_modules/.bin/babel-node",
"cwd": "${workspaceRoot}",
"sourceMaps": true

}

参考:http://blog.csdn.net/sinkou/article/details/75304009

相关文章

  • vscode 配置 nodejs 调试环境

    vscode 配置 nodejs 调试环境 解决 1 侧边栏 调试按钮 添加 nodejs 配置 launch.j...

  • vscode 调试nodejs es6

    vscode调试es6时,会有如下错误:SyntaxError: Unexpected token import ...

  • vscode使用指南(代码调试)

    代码调试 vscode 原生支持nodejs的调试,其他语言需要安装拓展支持调试 代码调试界面 调试界面 调试配置...

  • Nodejs 调试代码二

    前文介绍了 Nodejs 调试代码的原理,本文讲解几个调试案例加深下理解,使用的是 Vscode 调试器客户端。 ...

  • 使用vscode调试nodejs

    在launch.json配置 在文件内需要断点的行数号左边点击,如果可以看到小红点,说明在该行打上了断点了。也可以...

  • NodeJs VSCode 断点调试

    1.首先 你已经有一个.js 文件了,例如我的demo12.js2.在工作区内打一些断点,如无异常的话应该是实心红...

  • ES6学习笔记

    VSCode调试ES6:配置方法 一、let & const 关键字 1.1 let & var 对比 let 声...

  • VScode 调试 nodejs 时遇到的一点点小问题

    vscode 是默认自带 nodejs 调试的。以前也一直用,没出过啥问题。昨天在调试的时候,不管是直接运行,还是...

  • Nodejs 调试 npm scripts

    前言 我们之前介绍了如何使用VScode调试Nodejs程序,但是实际项目中,好多命令放到了npm scritps...

  • nodejs(1)-安装vscode与nodejs

    本篇主要记录安装vscode与nodejs的一些内容。 安装vscode 安装nodejs 安装vscode 当前...

网友评论

      本文标题:vscode 调试nodejs es6

      本文链接:https://www.haomeiwen.com/subject/fdgzmxtx.html