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";