美文网首页
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 es6

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