首页 > 解决方案 > Visual Studio Code 不跟踪 React 问题

问题描述

我似乎无法告诉 Visual Studio Code 跟踪 Typescript React 应用程序中的问题。我做了以下重现:

yarn create react-app --template typescript test
code test

我已将以下内容添加到 App.tsx:

public class Dummy {
    public constructor() {
        let x = 0;
    }
}

当我运行时npm start,我在控制台中收到两个警告,但问题窗格仍然为空。引入错误 ( let x = abc) 会在文件打开时显示问题,但在文件关闭时不会显示问题(尽管它显示在终端中)。

我试过使用$eslint-stylish匹配器,以及这里的问题匹配器。

标签: reactjstypescriptvisual-studio-code

解决方案


您的问题看起来像问题 12073(运行 npm 脚本的错误未显示在“问题”窗格中)
它指的是vscode 问题 1777,其中指出:

看起来这与 1.14(2017 年 6 月更新)一起上线了。
实际上,我来到这里是为了稍微降低自动检测 - 它正在检测我所有的前/后任务以及我真正想要运行的那些。看起来它首先选择“配置”任务,所以这不是一个大问题,但是能够完全隐藏一些 NPM 任务(和/或首先不显示前/后任务)会很好.
固定在 1.15 中

ReactJS 教程建议配置 Chrome 调试器并仅在调试控制台中显示错误:

https://code.visualstudio.com/assets/docs/nodejs/reactjs/hit-breakpoint.png


推荐阅读