← 返回首页
SyntaxError: Getaggte Vorlage kann nicht mit optionaler Verkettung verwendet werden - JavaScript | MDN
HTML

HTML: Markup language

HTML reference HTML guides Markup languages
CSS

CSS: Styling language

CSS reference CSS guides Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference Web API guides
All

All web technology

Technologies Topics
Learn

Learn web development

Frontend developer course Learn HTML Learn CSS Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Seitenleiste umschalten
  1. Web
  2. JavaScript
  3. JavaScript-Referenz
  4. JavaScript-Fehlerreferenz
  5. SyntaxError: Getaggte Vorlage kann nicht mit optionaler Verkettung verwendet werden
Farbschema
  • Systemeinstellung
  • Hell
  • Dunkel
Deutsch
Sprache merken Mehr erfahren

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

SyntaxError: Getaggte Vorlage kann nicht mit optionaler Verkettung verwendet werden

Der JavaScript-Ausnahmefehler "getaggte Vorlage kann nicht mit optionaler Verkettung verwendet werden" tritt auf, wenn der Ausdruck des Tags eines getaggten Vorlagenliteral eine optionale Verkettung ist oder wenn es eine optionale Verkettung zwischen dem Tag und der Vorlage gibt.

In diesem Artikel

Meldung

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)

Fehlertyp

SyntaxError

Was ist schiefgelaufen?

Es gibt zwei Möglichkeiten, diesen Fehler zu erhalten. Die erste Möglichkeit ist, wenn der Ausdruck des Tags eine Ausdruck der optionalen Verkettung ist, wie hier:

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

Die zweite Möglichkeit ist, wenn ?. zwischen dem Tag und der Vorlage auftritt, wie hier:

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

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

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

Denken Sie daran, dass die optionale Verkettung nur innerhalb einer geklammerten Einheit abgebrochen wird. Wenn Sie Ihren Ausdruck des Tags klammern, führt die optionale Verkettung nicht zu einem Fehler, da der Tag nun nicht abgebrochen wird und das Ergebnis klar ist (der Tag produziert undefined und führt dann zu einem Fehler in der getaggten Vorlage).

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

Dies ist jedoch etwas unsinnig, da die optionale Verkettung Fehler innerhalb der Eigenschaftszugriffskette verhindert, aber dann garantiert einen Fehler beim Aufrufen des Vorlagen-Tags erzeugt. Wahrscheinlich möchten Sie trotzdem einen bedingten Check verwenden.

Beachten Sie, dass die optionale Verkettung nur als Ausdruck des Tags verboten ist. Sie können die optionale Verkettung innerhalb der eingebetteten Ausdrücke verwenden oder die optionale Verkettung auf den gesamten Ausdruck der getaggten Vorlage anwenden.

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

Siehe auch

Help improve MDN

War diese Übersetzung hilfreich?
Ja Nein
Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.
Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden
  1. JavaScript
  2. Tutorials und Anleitungen
  3. JavaScript-Handbuch
    1. Einführung
    2. Grammatik und Typen
    3. Steuerfluss und Fehlerbehandlung
    4. Schleifen und Iteration
    5. Funktionen
    6. Ausdrücke und Operatoren
    7. Zahlen und Zeichenketten
    8. Darstellung von Daten und Uhrzeiten
    9. Reguläre Ausdrücke
    10. Indexierte Sammlungen
    11. Schlüsselbasierte Sammlungen
    12. Arbeiten mit Objekten
    13. Verwendung von Klassen
    14. Verwendung von Promises
    15. Typisierte Arrays in JavaScript
    16. Iteratoren und Generatoren
    17. Resource management
    18. Internationalisierung
    19. JavaScript-Module
  4. Mittelstufe
    1. Sprachübersicht
    2. JavaScript-Datenstrukturen
    3. Gleichheitsvergleiche und Gleichheit
    4. Aufzählbarkeit und Eigentum von Eigenschaften
    5. Closures
  5. Fortgeschritten
    1. Vererbung und die Prototypenkette
    2. Metaprogrammierung
    3. Speicherverwaltung
  6. Referenzen
  7. Eingebaute Objekte
    1. AggregateError
    2. Array
    3. ArrayBuffer
    4. AsyncDisposableStack
    5. AsyncFunction
    6. AsyncGenerator
    7. AsyncGeneratorFunction
    8. AsyncIterator
    9. Atomics
    10. BigInt
    11. BigInt64Array
    12. BigUint64Array
    13. Boolean
    14. DataView
    15. Date
    16. decodeURI()
    17. decodeURIComponent()
    18. DisposableStack
    19. encodeURI()
    20. encodeURIComponent()
    21. Fehler
    22. escape()
    23. eval()
    24. EvalError
    25. FinalizationRegistry
    26. Float16Array
    27. Float32Array
    28. Float64Array
    29. Function
    30. Generator
    31. GeneratorFunction
    32. globalThis
    33. Infinity
    34. Int8Array
    35. Int16Array
    36. Int32Array
    37. InternalError
    38. Intl
    39. isFinite()
    40. isNaN()
    41. Iterator
    42. JSON
    43. Map
    44. Math
    45. NaN
    46. Number
    47. Objekt
    48. parseFloat()
    49. parseInt()
    50. Promise
    51. Proxy
    52. RangeError
    53. ReferenceError
    54. Reflect
    55. RegExp
    56. Set
    57. SharedArrayBuffer
    58. String
    59. SuppressedError
    60. Symbol
    61. SyntaxError
    62. Temporal
    63. TypedArray
    64. TypeError
    65. Uint8Array
    66. Uint8ClampedArray
    67. Uint16Array
    68. Uint32Array
    69. undefined
    70. unescape()
    71. URIError
    72. WeakMap
    73. WeakRef
    74. WeakSet
  8. Ausdrücke und Operatoren
    1. Addition (+)
    2. Addition Assignment (+=)
    3. Zuweisungsoperator (=)
    4. async function expression
    5. async function* expression
    6. await
    7. Bitweises UND (&)
    8. Bitweises UND-Zuweisung (&=)
    9. Bitweises NICHT (~)
    10. Bitweises OR (|)
    11. Bitweises OR-Zuweisung (|=)
    12. Bitweises XOR (^)
    13. Bitweises XOR-Zuweisung (^=)
    14. class expression
    15. Komma-Operator (,)
    16. Bedingungsoperator (ternärer Operator)
    17. Dekrement (--)
    18. delete
    19. Destructuring
    20. Division (/)
    21. Division-Zuweisung (/=)
    22. Gleichheit (==)
    23. Exponentiation (**)
    24. Exponentialer Zuweisungsoperator (**=)
    25. function expression
    26. function* Ausdruck
    27. Größer als (>)
    28. Größer als oder gleich (>=)
    29. Gruppierungsoperator ( )
    30. import.meta
      1. import.meta.resolve()
    31. import()
    32. in
    33. Increment (++)
    34. Ungleichheit (!=)
    35. instanceof
    36. Linksverschiebung (<<)
    37. Left shift assignment (<<=)
    38. Kleiner als (<)
    39. Weniger als oder gleich (<=)
    40. Logical AND (&&)
    41. Logisches UND Zuweisung (&&=)
    42. Logisches NICHT (!)
    43. Logisches ODER (||)
    44. Logical OR Zuweisung (||=)
    45. Multiplikation (*)
    46. Multiplikationszuweisung (*=)
    47. new
    48. new.target
    49. null
    50. Nullish-Zuweisung (??=)
    51. Nullish Coalescing-Operator (??)
    52. Objekt-Initialisierer
    53. Operatorenrangfolge
    54. Optional Chaining (?.)
    55. Property accessors
    56. Rest (%)
    57. Restzuweisung (%=)
    58. Rechtsschiebung (>>)
    59. Right shift assignment (>>=)
    60. Spread-Syntax (...)
    61. Strikte Gleichheit (===)
    62. Strikte Ungleichheit (!==)
    63. Subtraktion (-)
    64. Subtraktionszuweisung (-=)
    65. super
    66. this
    67. typeof
    68. Unäres Minus (-)
    69. Unäres Plus (+)
    70. Unsigned Right Shift (>>>)
    71. Unsigned Right Shift Zuweisung (>>>=)
    72. void-Operator
    73. yield
    74. yield*
  9. Anweisungen und Deklarationen
    1. async function
    2. async function*
    3. await using
    4. Blockanweisung
    5. break
    6. class
    7. const
    8. continue
    9. debugger
    10. do...while
    11. Leere Anweisung
    12. export
    13. Ausdrucksanweisung
    14. for
    15. for await...of
    16. for...in
    17. for...of
    18. function
    19. function*
    20. if...else
    21. import
      1. Import Attribute
    22. Bezeichnete Anweisung
    23. let
    24. return
    25. switch
    26. throw
    27. try...catch
    28. using
    29. var
    30. while
    31. with
  10. Funktionen
    1. Pfeilfunktion-Ausdrücke
    2. Standardparameter
    3. get
    4. Methodendefinitionen
    5. Rest-Parameter
    6. set
    7. Das arguments-Objekt
      1. [Symbol.iterator]()
      2. callee
      3. length
  11. Klassen
    1. constructor
    2. extends
    3. Private Elemente
    4. Öffentliche Klassenfelder
    5. static
    6. Statische Initialisierungsblöcke
  12. Reguläre Ausdrücke
    1. Rückverweis: \1, \2
    2. Erfassungsgruppe: (...)
    3. Zeichenklassen-Escape: \d, \D, \w, \W, \s, \S
    4. Zeichenklasse: [...], [^...]
    5. Zeichencodes: \n, \u{...}
    6. Disjunction: |
    7. Input-Grenzfallassertion: ^, $
    8. Wörtliches Zeichen: a, b
    9. Vorwärts-Suche: (?=...), (?!...)
    10. Lookbehind Assertion: (?<=...), (?<!...)
    11. Modifier: (?ims-ims:...)
    12. Benannte Rückreferenz: \k<name>
    13. Benannte Erfassungsgruppe: (?<name>...)
    14. Nicht speichernde Gruppe: (?:...)
    15. Quantor: *, +, ?, {n}, {n,}, {n,m}
    16. Unicode-Zeichenklassen-Flucht: \p{...}, \P{...}
    17. Wildcard: .
    18. Wortgrenzen-Assertion: \b, \B
  13. Fehler
    1. AggregateError: Kein Promise in Promise.any wurde erfüllt
    2. Fehler: Erlaubnis verweigert, um auf Eigenschaft "x" zuzugreifen
    3. InternalError: zu viel Rekursion
    4. RangeError: argument ist kein gültiger Codepunkt
    5. RangeError: BigInt division by zero
    6. RangeError: BigInt negativer Exponent
    7. RangeError: form muss einer von 'NFC', 'NFD', 'NFKC' oder 'NFKD' sein
    8. RangeError: ungültige Array-Länge
    9. RangeError: ungültiges Datum
    10. RangeError: precision is out of range
    11. RangeError: radix must be an integer
    12. RangeError: Wiederholungsanzahl muss geringer als unendlich sein
    13. RangeError: Wiederholungsanzahl muss nicht negativ sein
    14. RangeError: x kann nicht in BigInt konvertiert werden, da es keine ganze Zahl ist
    15. ReferenceError: "x" ist nicht definiert
    16. ReferenceError: Zuordnung zu nicht deklariertem Variablen "x"
    17. ReferenceError: kann auf die lexikalische Deklaration 'X' vor der Initialisierung nicht zugreifen
    18. ReferenceError: muss Superkonstruktor aufrufen, bevor 'this' im Konstruktor der abgeleiteten Klasse verwendet wird
    19. ReferenceError: super() zweimal im Konstruktor der abgeleiteten Klasse aufgerufen
    20. SyntaxError: 'arguments'/'eval' kann nicht definiert oder zugewiesen werden im Strict-Modus-Code
    21. SyntaxError: "0"-vorangestellte Oktalzahlen sind veraltet
    22. SyntaxError: "use strict" nicht erlaubt in Funktion mit nicht einfachen Parametern
    23. SyntaxError: "x" ist ein reservierter Bezeichner
    24. SyntaxError: \ am Ende des Musters
    25. SyntaxError: Eine Deklaration im Kopf einer for-of-Schleife darf keinen Initialisierer enthalten
    26. SyntaxError: Die Anwendung des 'delete'-Operators auf einen nicht qualifizierten Namen ist veraltet
    27. SyntaxError: arguments ist in Feldern nicht gültig
    28. SyntaxError: await ist nur in asynchronen Funktionen, asynchronen Generatoren und Modulen gültig
    29. SyntaxError: await/yield expression kann nicht im Parameter verwendet werden
    30. SyntaxError: cannot use ?? unparenthesized within || and && expressions
    31. SyntaxError: Zeichenklassenescape kann in einem Bereich innerhalb der regulären Ausdrucksklasse nicht verwendet werden
    32. SyntaxError: continue muss innerhalb einer Schleife sein
    33. SyntaxError: doppelter Name einer Erfassungsgruppe im regulären Ausdruck
    34. SyntaxError: doppeltes formales Argument x
    35. SyntaxError: for-in Schleifenkopf-Deklarationen dürfen keine Initialisierer haben
    36. SyntaxError: Function-Anweisung erfordert einen Namen
    37. SyntaxError: Funktionen können nicht gekennzeichnet werden
    38. SyntaxError: getter und setter für privaten Namen #x sollten entweder beide statisch oder nicht statisch sein
    39. SyntaxError: Getter-Funktionen dürfen keine Argumente haben
    40. SyntaxError: identifier starts immediately after numeric literal
    41. SyntaxError: unerlaubtes Zeichen
    42. SyntaxError: import declarations may only appear at top level of a module
    43. SyntaxError: unvollständiger Quantifizierer im regulären Ausdruck
    44. SyntaxError: ungültige Zuweisung auf der linken Seite
    45. SyntaxError: Ungültige BigInt-Syntax
    46. SyntaxError: ungültiger Name der Erfassungsgruppe im regulären Ausdruck
    47. SyntaxError: ungültiges Zeichen in einer Klasse in regulärem Ausdruck
    48. SyntaxError: Ungültige Klassenmengenoperation im regulären Ausdruck
    49. SyntaxError: ungültiger Dezimal-Entweih in regulärem Ausdruck
    50. SyntaxError: ungültige Identitäts-Escape-Sequenz im regulären Ausdruck
    51. SyntaxError: ungültiger benannter Rückverweis in regulärem Ausdruck
    52. SyntaxError: Ungültiger Eigenschaftenname im regulären Ausdruck
    53. SyntaxError: ungültiger Bereich in Zeichensatz
    54. SyntaxError: ungültige Regexp-Gruppe
    55. SyntaxError: ungültiges reguläres Ausdrucks-Flag "x"
    56. SyntaxError: ungültige Unicode-Escape-Sequenz im regulären Ausdruck
    57. SyntaxError: JSON.parse: bad parsing
    58. SyntaxError: label not found
    59. SyntaxError: missing : after property id
    60. SyntaxError: missing ) after argument list
    61. SyntaxError: missing ) after condition
    62. SyntaxError: missing ] after element list
    63. SyntaxError: missing } nach Funktionskörper
    64. SyntaxError: fehlende } nach Eigenschaftsliste
    65. SyntaxError: fehlendes = in const-Deklaration
    66. SyntaxError: missing formal parameter
    67. SyntaxError: missing name after . operator
    68. SyntaxError: missing variable name
    69. SyntaxError: negated character class with strings in regular expression
    70. SyntaxError: Das Schlüsselwort new kann nicht mit einer optionalen Verkettung verwendet werden
    71. SyntaxError: nothing to repeat
    72. SyntaxError: numbers out of order in {} quantifier.
    73. SyntaxError: octal escape sequences can't be used in untagged template literals or in strict mode code
    74. SyntaxError: Parameter nach Rest-Parameter
    75. SyntaxError: private fields können nicht gelöscht werden
    76. SyntaxError: Property-Name __proto__ erscheint mehr als einmal im Objektliteral
    77. SyntaxError: raw bracket is not allowed in regular expression with unicode flag
    78. SyntaxError: Neudeklaration des formalen Parameters "x"
    79. SyntaxError: Verweis auf ein nicht deklariertes privates Feld oder eine Methode #x
    80. SyntaxError: Rest-Parameter darf keinen Standardwert haben
    81. SyntaxError: return not in function
    82. SyntaxError: Setterfunktionen müssen ein Argument haben
    83. SyntaxError: string literal enthält einen nicht-escaped Zeilenumbruch
    84. SyntaxError: super() ist nur in abgeleiteten Klassenkonstruktoren gültig
    85. SyntaxError: Getaggte Vorlage kann nicht mit optionaler Verkettung verwendet werden
    86. SyntaxError: Unerwartetes '#' außerhalb des Klassenkörpers verwendet
    87. SyntaxError: Unerwartetes Token
    88. SyntaxError: Ein nicht gekennzeichneter break muss innerhalb einer Schleife oder eines switch sein
    89. SyntaxError: unparenthesized unary expression can't appear on the left-hand side of '**'
    90. SyntaxError: use of super property/member accesses only valid within methods or eval code within methods
    91. SyntaxError: Verwendung von //@ zur Angabe von sourceURL-Pragmas ist veraltet. Verwenden Sie //# stattdessen
    92. TypeError: 'caller', 'callee' und 'arguments'-Eigenschaften dürfen nicht zugegriffen werden
    93. TypeError: 'x' ist nicht iterierbar
    94. TypeError: "x" ist (nicht) "y"
    95. TypeError: "x" ist kein Konstruktor
    96. TypeError: "x" ist keine Funktion
    97. TypeError: "x" ist kein nicht-null-Objekt
    98. TypeError: "x" ist schreibgeschützt
    99. TypeError: already executing generator
    100. TypeError: BigInt-Wert kann nicht in JSON serialisiert werden
    101. TypeError: Das Aufrufen eines eingebauten X-Konstruktors ohne new ist verboten
    102. TypeError: kann nicht auf privates Feld oder Methode zugreifen/setzen: Objekt ist nicht die richtige Klasse
    103. TypeError: kann Eigenschaft "x" nicht auf "y" zuweisen: kein Objekt
    104. TypeError: kann BigInt nicht in number umwandeln
    105. TypeError: kann x nicht in BigInt umwandeln
    106. TypeError: Kann Eigenschaft "x" nicht definieren: "obj" ist nicht erweiterbar
    107. TypeError: can’t delete non-configurable array element
    108. TypeError: can't redefine non-configurable property "x"
    109. TypeError: kann Prototyp dieses Objekts nicht setzen
    110. TypeError: can't set prototype: it would cause a prototype chain cycle
    111. TypeError: cannot use 'in' operator to search for 'x' in 'y'
    112. TypeError: Klassenkonstruktoren müssen mit 'new' aufgerufen werden
    113. TypeError: cyclic object value
    114. TypeError: abgeleiteter Klassenkonstruktor hat ungültigen Wert x zurückgegeben
    115. TypeError: getting private setter-only property
    116. TypeError: Es ist ein Fehler, ein Objekt mit privaten Feldern/Methoden zweimal zu initialisieren
    117. TypeError: ungültiges 'instanceof'-Operand 'x'
    118. TypeError: invalid Array.prototype.sort argument
    119. TypeError: ungültige Zuweisung zu const "x"
    120. TypeError: Iterator/AsyncIterator constructor can't be used directly
    121. TypeError: matchAll/replaceAll muss mit einem globalen RegExp aufgerufen werden
    122. TypeError: Es werden mehr Argumente benötigt
    123. TypeError: null/undefined hat keine Eigenschaften
    124. TypeError: Eigenschaft "x" ist nicht konfigurierbar und kann nicht gelöscht werden
    125. TypeError: Reduce von leerem Array ohne Anfangswert
    126. TypeError: setting getter-only property "x"
    127. TypeError: WeakSet-Schlüssel/WeakMap-Wert 'x' muss ein Objekt oder ein nicht registriertes Symbol sein
    128. TypeError: X.prototype.y wurde auf einem inkompatiblen Typ aufgerufen
    129. URIError: malformed URI sequence
    130. Warnung: -file- wird ein //# sourceMappingURL zugewiesen, aber es ist bereits eines vorhanden
    131. Warnung: unerreichbarer Code nach dem return-Statement
  14. Sonstiges
    1. Übersicht über JavaScript-Technologien
    2. Execution model
    3. Lexikalische Grammatik
    4. Iterationsprotokolle
    5. Strenger Modus
    6. Template-Literale
    7. Abschließende Kommas
    8. Veraltete Funktionen

Der Bauplan für ein besseres Internet.

MDN Mitmachen Entwicklung

Besuche die gemeinnützige Muttergesellschaft der Mozilla Corporation, die Mozilla Foundation.
Teile dieses Inhalts sind ©1998–2026 von einzelnen mozilla.org-Mitwirkenden. Inhalte sind verfügbar unter einer Creative-Commons-Lizenz.