我终于让打字稿在我的项目中工作了,但是断点不会停在正确的行上,并且变量值不可用,直到您在逐步执行中进入更多行代码。如果源映射中不匹配,则似乎存在某些 ttype。我尝试按照此处的说明将 SourceMapDevToolPlugin 添加到 webpack 配置文件中来解决此问题。但并不能解决问题。
下面的截图说明了我的意思:
myString 未定义,尽管该行应该已被执行。
之后它直接跳转到函数(而不是const myNumber = myFunc(5);调用函数的地方)并且字符串的值可用,所以这很奇怪。
下面是我的 webpack 配置、launch.json 和 tsconfig。
网络包配置:
const webpack = require('webpack');
const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
// const SourceMapDevToolPlugin = require('');
const modulesPath = path.resolve(__dirname, 'node_modules');
const srcPath = path.resolve(__dirname, 'src');
const outputPath = path.resolve(__dirname, 'dist');
const basename = process.env.BASENAME || '/';
const mode = process.env.NODE_ENV === 'production' ? 'production' : 'development';
module.exports = {
mode,
devtool: …Run Code Online (Sandbox Code Playgroud)