Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

TypeScript builds ignore tsconfig compilerOptions.jsx. Output is always 'react-jsx'

Offen
#678 2 Kommentare 6 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

@wanxiankai arbeitet bereits daran.

Seit 12.7.2026.

  • #949 von @wanxiankai — offen

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
42/100
Issue-Typ
Bug
Klarheit
Größtenteils klar
Aktivitätsstatus
Veraltet
Tech-Stack
babel, javascript, react-native, typescript
Bereich
build-system, mobile

Rechercherichtung

Beginne mit dem babel-preset und der verknüpften Reproduktion und vergleiche dann dessen Verhalten mit tsconfig compilerOptions.jsx, das auf react-native oder preserve gesetzt ist. Bestätige, dass diese Einstellungen verhindern, dass die JSX transform plugins angewendet werden; abgeschlossen ist die Aufgabe, wenn der Build die konfigurierte JSX-Ausgabe beibehält, statt immer react-jsx zu erzeugen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

bug
Description

Libraries built with react-native-builder-bob do not respect the tsconfig.config#compilerOptions.jsx setting, and force the output to be react-jsx. This is a problem for React Native libraries which normally publish as jsx: 'react-native' or 'preserve'.

Libraries such as @emotion/native and NativeWind both rely on setting a custom jsxImportSource, which only works when a library has been published with persevered JSX. This means libraries built with react-native-builder-bob will stop working with these libraries.

The cause of this issue is the babel-preset, which should conditionally turn off '@babel/plugin-transform-react-jsx' / '@babel/plugin-transform-react-jsx-development' when jsx is set to react-native or preserve.

Packages
  • create-react-native-library
  • react-native-builder-bob
Selected options
Link to repro

https://github.com/marklawlor/react-native-builder-bob-jsx

Environment
Vorherrschende Sprache
JavaScript
Sterne
3.2k
Forks
228
Ø Merge
16 Min.
Gemergte PRs (30 T.)
1

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus callstack/react-native-builder-bob

Alle Issues in callstack/react-native-builder-bob

Ähnliche Issues

Weitere Issues zu JavaScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.