VSCode에서 *not* 파일에 대한 TypeScript 오류를 표시하도록 하려면 어떻게 해야 합니까?
인마이create-react-app@2.1.8TypeScript/React 앱, TS 컴파일러 오류는 VS 코드 에디터에 열려 있는 파일의 문제 창에만 표시됩니다.그 결과 실제로 앱을 실행할 때까지 오류를 발견하지 못할 수 있습니다.
워크스페이스를 열거나 변경 내용을 파일에 저장할 때 TypeScript가 모든 코드 파일에서 컴파일러 오류를 자동으로 체크하도록 하려면 어떻게 해야 합니까?
추가하려고 했습니다."watch": "tsc --watch"의 대본으로서package.json그리고 나서 하는 것npm run-script watch단, 이 문제에는 다음 두 가지 문제가 있습니다.
- 터미널 창에는 오류가 표시되지만 VSCode의 문제 창에는 오류가 표시되지 않음
- 워크스페이스가 로드될 때 자동으로 시작되지 않고 수동으로 실행해야 합니다.
더 좋은 해결책이 있을까요?
참고로 이것은 웹스톰에서 프로젝트 전체의 TypeScript 문제/오류를 표시하는 것과 같은 질문이지만 웹스톰 대신 Visual Studio Code에 대한 질문입니다.
2020년 4월 14일 현재 일반적으로 이용 가능한 VS 코드에는 프로젝트 전체의 문제 보고를 가능하게 하는 실험 기능이 있습니다.다음 항목을 에 추가합니다.settings.json:
"typescript.tsserver.experimental.enableProjectDiagnostics": true
몇 년 동안 방치된 후에도 여전히 실험적인 기능이기 때문에 압도적이기도 하고 감동적이기도 합니다.좋은 점은 다른 언어에서도 동작하고 컨피규레이션파일을 존중한다는 것입니다.
이 공간을 보세요.
2019년 11월 현재 VS Code에서는 지원되지 않습니다.https://github.com/Microsoft/vscode/issues/13953 를 참조해 주세요.
최선의 회피책은 실행할 태스크를 태스크에 추가하는 것입니다.jsontsc --watch워크스페이스 또는 폴더가 열렸을 때 실행되도록 설정합니다.
tasks.json 설정 예를 다음에 나타냅니다.아래 스니펫의 "www"는 다음 폴더와tsconfig.json확인하실 수 있습니다.작업영역의 루트에 상대적인 자신의 폴더 이름으로 대체합니다.
{
"version": "2.0.0",
"tasks": [
{
"label": "tsc watch",
"type": "shell",
"command": "./node_modules/.bin/tsc",
"isBackground": true,
"args": ["--watch", "--noEmit", "--project", "www"],
"group": {
"kind": "build",
"isDefault": true
},
"presentation": {
"reveal": "never",
"echo": false,
"focus": false,
"panel": "dedicated"
},
"problemMatcher": "$tsc-watch",
"runOptions": {
"runOn": "folderOpen"
}
}
]
}
자동 실행 태스크는 기본적으로 활성화되지 않은 것 같습니다.자동실행 태스크에 대해서는, 다음의 순서에 따릅니다.https://stackoverflow.com/a/58866185/126352
이 솔루션은 위의 GitHub 문제에서 @molinx의 답변을 채택하여 아래 @kumar303의 코멘트로 개선되었습니다.
참조 파일/모듈도 열지 않아 참조 불량으로 인해 텍스트 오류가 발생한 경우.Options -> TextEditor -> Javascript/typescript -> Project -> 순으로 이동하여 Ignore visual studio solution files를 꺼야 합니다.
좋은 하루 되세요.
언급URL : https://stackoverflow.com/questions/55201424/how-to-get-vscode-to-show-typescript-errors-for-files-not-open-in-the-editor