SyntaxError: getaggtes Template kann nicht mit optionaler Verkettung verwendet werden

SyntaxError: Invalid tagged template on optional chain (V8-based)
SyntaxError: tagged template cannot be used with optional chain (Firefox)
SyntaxError: Cannot use tagged templates in an optional chain. (Safari)

Es gibt zwei Wege, diesen Fehler zu erhalten. Der erste ist, wenn der Tag-Ausdruck ein Ausdruck mit optionaler Verkettung ist, wie hier:

String?.raw`Hello, world!`;
console.log?.()`Hello, world!`;
Number?.[parseMethod]`Hello, world!`;

Der zweite ist, wenn ?. zwischen dem Tag und dem Template auftritt, wie hier:

String.raw?.`Hello, world!`;

Optionale Verkettung im Tag ist ausdrücklich verboten, da es dafür keinen überzeugenden Anwendungsfall gibt und unklar ist, was das erwartete Ergebnis sein soll (sollte es undefined sein oder der Wert des Templates, als wäre es nicht getaggt?). Sie müssen die optionale Verkettung in ihre zugrunde liegende Bedingung übersetzen (siehe optionale Verkettung für weitere Informationen).

const result =
  String.raw === null || String.raw === undefined
    ? undefined
    : String.raw`Hello, world!`;

Denken Sie daran, dass optionale Verkettung nur innerhalb einer geklammerten Einheit kurzgeschlossen wird. Wenn Sie Ihren Tag-Ausdruck klammern, wird die optionale Verkettung keinen Fehler verursachen, da der Tag jetzt nicht mehr kurzschließt und das Ergebnis klar ist (der Tag wird undefined erzeugen und dann das getaggte Template einen Fehler werfen lassen).

(console?.log)`Hello, world!`; // Throws if console?.log is undefined

Dies ist allerdings etwas unsinnig, da die optionale Verkettung Fehler innerhalb der Eigenschaftszugriffs-Kette verhindert, aber dann garantiert einen Fehler beim Aufruf des Template-Tags erzeugt. Sie möchten wahrscheinlich immer noch eine bedingte Prüfung verwenden.

Bitte beachten Sie, dass optionale Verkettung nur als Tag-Ausdruck verboten ist. Sie können optionale Verkettung innerhalb der eingebetteten Ausdrücke verwenden oder die optionale Verkettung auf den gesamten getaggten Template-Ausdruck anwenden.

console.log`Hello, ${true.constructor?.name}!`; // ['Hello, ', '!', raw: Array(2)] 'Boolean'
console.log`Hello`?.toString(); // undefined

• Template Literale
• Optionale Verkettung (?.)
• Originaldiskussion darüber, ob optionale Verkettung in getaggten Template-Literalen erlaubt sein sollte