[vue/compiler-sfc] Unexpected token, expected "," (104:2)

Vue.js中遇到`[vite] Internal server error: [vue/compiler-sfc] Identifier ‘onMounted‘ has already been declared`这类错误通常表示你在组件中尝试使用`onMounted`这个生命周期钩子，但已经在当前作用域内被定义过了。Vue的生命周期钩子如`mounted`应该被正确地写在模板里，通常是作为属性绑定：

错误示例（不正确的用法）[^1]:

<script setup>
  // 错误：onMounted已经存在
  function doSomething() {
    onMounted(() => { /* ... */ });
  }
</script>

修复方法是确保`onMounted`只在Vue实例中定义一次：

<script setup>
  // 正确：onMounted在setup中使用
  const onMounted = ref(null);
  function doSomething() {
    onMounted.value(() => { /* ... */ });
  }
</script>

对于第二个错误`[vite] Internal server error: [vue/compiler-sfc] Missing semicolon. (5:29)`，这可能是因为缺少分号(`;`)导致的语法错误。确保每个表达式或语句后面都有分号，特别是在处理异步操作时：

错误示例（不完整的async/await语法）:

async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    console.log(response); // 缺少分号
  } catch (error) {
    console.error(error);
  }
}

修复后的正确版本：

async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    console.log(response); // 添加分号
  } catch (error) {
    console.error(error);
  }
};