相关疑难解决方法(0)

调试器断点行不正确。Webpack 配置打字稿

我终于让打字稿在我的项目中工作了,但是断点不会停在正确的行上,并且变量值不可用,直到您在逐步执行中进入更多行代码。如果源映射中不匹配,则似乎存在某些 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)

source-maps typescript webpack visual-studio-code

2
推荐指数
1
解决办法
2547
查看次数