Microsoft/TypeScript

Ternary operator breaks syntax highlighting in tsx file

Open

#56.696 aperta il 6 dic 2023

Vedi su GitHub
 (0 commenti) (1 reazione) (0 assegnatari)TypeScript (6726 fork)batch import
BugDomain: JSX/TSXHelp Wanted

Metriche repository

Star
 (48.455 star)
Metriche merge PR
 (Merge medio 6g 17h) (9 PR mergiate in 30 g)

Descrizione

Does this issue occur when all extensions are disabled?: Yes

  • VS Code Version: 1.84.2
  • OS Version: Windows 11 build 22621

Steps to Reproduce:

  1. Create a .tsx file
  2. Paste this code
import { useState } from "react"
import './OS.css'
import Window from './Window'

const OS = () => {
    const [loaded, setLoaded] = useState(false);

    return (
        loaded ?
            <div id="OS">

            </div>
            :
            <div id="loading">
                <Window title="Starting Up">

                </Window>
            </div>
    )
}

export default OS

All editor features will be broken in the second half of the ternary operator. No tag closing, no indentation, and syntax highlighting is funky image

Guida contributor

Direzione di ricerca
Indaga la tokenizzazione e l'evidenziazione della sintassi del servizio linguistico TypeScript per file TSX con operatori ternari. Verifica come il parser gestisce le espressioni condizionali nei figli JSX e assicura una corretta gestione dello scope.
Tech stack
typescriptreact
Dominio
frontenddeveloper experience
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
TypeScriptGit
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60