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
}
网友评论