我正在使用无服务器框架开发一些Lambda函数。无服务框架已在全球范围内安装。
我使用Typescript和serverless-webpack。
我也在使用无服务器离线测试本地。
一切正常,除了当我尝试从VSCode内部调试时。问题是,一旦我从VSCode的javascript工具启动 serverless-offline,我所有的断点都变灰了。
这里我的配置文件
package.json
{
"name": "backend-serverless",
"version": "1.0.0",
"description": "serverless backend",
"main": "handler.js",
"scripts": {
"test": "mocha -r ts-node/register transform/src/**/*.spec.ts src/**/**/*.spec.ts",
"tsc": "tsc",
},
"author": "",
"license": "ISC",
"devDependencies": {
"@types/aws-lambda": "0.0.34",
"@types/chai": "^4.1.2",
"@types/mocha": "^5.0.0",
"@types/node": "^9.6.0",
"chai": "^4.1.2",
"mocha": "^5.0.5",
"serverless-offline": "^3.18.0",
"serverless-webpack": "^5.1.1",
"ts-loader": "^4.1.0",
"ts-node": "^5.0.1",
"typescript": "^2.7.2",
"webpack": "^4.3.0"
}
}
webpack.config.ts
const path = require('path');
const slsw = require('serverless-webpack');
module.exports = {
devtool: 'source-map',
entry: slsw.lib.entries,
resolve: {
extensions: [
'.js',
'.json',
'.ts',
'.tsx'
]
},
output: {
libraryTarget: 'commonjs',
path: path.join(__dirname, '.webpack'),
filename: '[name].js'
},
target: 'node',
module: {
rules: [
{
test: /\.ts(x?)$/,
use: [
{
loader: 'ts-loader'
}
],
}
]
}
};
launch.json
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"name": "Current TS File",
"type": "node",
"request": "launch",
"args": ["${relativeFile}"],
"runtimeArgs": ["--nolazy", "-r", "ts-node/register"],
"sourceMaps": true,
"cwd": "${workspaceRoot}",
"protocol": "inspector"
},
{
"type": "node",
"request": "launch",
"name": "Debug - Offline",
"program": "/usr/local/bin/serverless",
"args": [
"offline",
"start",
"--lazy"
],
"env": {
"NODE_ENV": "development"
},
"outFiles": [
"${cwd}/.webpack/**/*"
],
"sourceMaps": true,
"cwd": "${workspaceRoot}",
"protocol": "inspector"
}
]
}
tsconfig.json
{
"compilerOptions": {
"target": "es6",
"module": "commonjs",
"outDir": "dist",
"sourceMap": true
},
"include": [
"src/**/*.ts", "*.ts"
],
"exclude": [
"node_modules"
],
"typeRoots": [
"node_modules/@types"
],
"lib": [
"es2016",
"dom"
]
}
顺便说一下,如果我尝试使用Current TS File
启动配置调试任何用Typescript编写的普通函数,我的所有断点都能完美地工作。如果我使用Debug - Offline
启动配置,那么所有断点都将变灰。
1条答案
按热度按时间7bsow1i61#
我相信这是VSCode中的一个(最近引入的)bug。
证据
几个月来,我一直在使用
serverless-webpack
和serverless-offline
与Typescript lambda函数。直到最近,与您的设置非常相似的网络从来都不是问题。你描述的症状很容易用一个新的项目重新创建,
(plus这两个插件),使用最新的VSCode(1.21.1)。
解决方法
我没有使用React Native,但described in this issue对我很有效。调试器启动后,所有断点都将灰显,请添加新断点或删除并重新添加现有断点。这两种操作似乎都“唤醒”了调试器,而其他断点都绑定了。
最近推出的?
我将VSCode回滚到1.18.1,问题消失了。然后,我进行了一系列升级,并验证了1.19.3和1.20.1似乎也可以正常工作。
版本1.21.1似乎是唯一一个遭受这个错误。因此,如果解决方法对您不起作用,或者您不想使用它,回滚到VSCode 1.20.1(或更早版本)可能会解决您的问题。
注意事项
我用于此设置的
launch.json
配置非常小,通常看起来像这样:这种配置一直为我工作;我从来不需要指定
outFiles
或sourceMaps
来调试typescript、serverless-offline
和serverless-webpack
。