vue-router SyntaxError: Unexpected token '{' (at xxx.vue:14:8)

点进去后指向这一行：

重新一行一行看，发现是整理代码的时候，以为有一个prop变量用不到，删了，结果在组件模板另一个地方有用。奇怪这类问题为什么编辑器不会提示出来。

但是，把props补回去后又出现了新问题：

之前加载地图正常，突然报这个错。打断点发现是在mounted时dom没有渲染出来。把当前引用的这个组件注释掉后地图就又能加载了。

最后解决了，怎么解决的……我也不知道。
把ref之类的删掉，再加回去，换一下v-if和v-show，诸如此类，但最后都换回了原来的样子，问题就解决了。
用vite以来不止一次遇到这种奇怪的问题，好头疼。

230426更新

今天又遇到了这个问题（竟然还搜索到了自己（（（
是另一种情况。
表现是新增一个路由页面后，命名页面没有什么特殊操作，但就是报这个错，路由无法从其他页面切过来。
一行一行注释发现问题出在下面：

const theme = ref(commonStore.bgModule);
watch(
	() => commonStore.bgModule,
	(val) => {
		theme.value = val;
	}
);

因为我是用了unplugin-auto-import/vite的AutoImport自动导入的，所以不写ref和watch的导入语句，但是不知道为什么新增页面自动导入有问题。
手动导入这两个，就不会报这个错了。

import { ref, watch } from "vue";