Skip to content

SW10002: Invalid component syntax

A Vue, Svelte, or Astro component has a syntax error.

This error occurs when the parser of the framework cannot read a Vue, Svelte, or Astro component. The message shows the location and the explanation from that parser.

Reported

<template><button></template>

SW10002: invalid component syntax: SyntaxError: Element is missing end tag.

Source format: Vue

Converter: @vue/language-core@3.3.14

Fixed

<template><button></button></template>

How to fix

Fix the syntax at the location in the message, as in the example, where the <button> element was not closed.

If the component is valid but its converted script is not, the error is SW31004 instead.