vue路由跳转报错Uncaught SyntaxError:Unexpected token ‘<‘ (at chunk-elementUI.aeed1b74.js:1:1)Uncaught Synt

简介: vue路由跳转报错Uncaught SyntaxError:Unexpected token ‘<‘ (at chunk-elementUI.aeed1b74.js:1:1)Uncaught Synt

报错信息


Uncaught SyntaxError: Unexpected token ‘<’ (at chunk-elementUI.aeed1b74.js:1:1)

Uncaught SyntaxError: Unexpected token ‘<’

Uncaught SyntaxError: Unexpected token ‘<’ (at app.570d5057.js:1:1)


18a38a6c7d52ac6f76d2a0b5535872f7_65b3385a8f2344c1afb57a950f2ccbf8.png


背景:路由明明定义正确了,页面跳转也是正常的,但是就是进不去,而且,即使直接在导航栏输入地址也报以上错.尝试了很多其他能够搜索到的方法,但是都不适用我的情况.


解决:


可能是你的路由定义路径"非法",比如说我的就是从


{
    path: '/devWorkbench',
    component: (resolve) => require(['@/views/devWorkbench/index'], resolve),
    hidden: true,
    name: 'devWorkbench'
  },


改成:


{
    path: '/WorkbenchDev',
    component: (resolve) => require(['@/views/devWorkbench/index'], resolve),
    hidden: true,
    name: 'WorkbenchDev'
  },


改完之后就能正常进入了.


相关文章
|
16天前
|
JavaScript
【vue】如何跳转路由到指定页面位置
【vue】如何跳转路由到指定页面位置
19 0
|
15天前
|
JavaScript 数据可视化 算法
vue3+threejs可视化项目——搭建vue3+ts+antd路由布局(第一步)
vue3+threejs可视化项目——搭建vue3+ts+antd路由布局(第一步)
35 6
|
1天前
|
移动开发 资源调度 前端开发
nbcio-vue下载安装后运行报错,diagram-js没有安装
nbcio-vue下载安装后运行报错,diagram-js没有安装
|
2天前
|
JavaScript
vue中watch监听路由传来的参数变化问题
vue中watch监听路由传来的参数变化问题
5 0
|
2天前
|
JavaScript 数据处理
vue报错 ‘超出最大堆栈大小‘
vue报错 ‘超出最大堆栈大小‘
7 0
|
3天前
|
JavaScript 搜索推荐 前端开发
vue报错 ‘超出最大堆栈大小‘
vue报错 ‘超出最大堆栈大小‘
16 3
|
4天前
|
缓存 JavaScript
在 Vue 组件中使用计算属性和侦听器来响应路由变化
Vue Router 中,计算属性和侦听器常用于根据路由变化更新组件状态。计算属性缓存依赖,当路由参数改变时自动更新,如示例中的 `userId`。侦听器则监听 `$route` 变化,执行相应操作,例如在 `currentUserId` 示例中响应 `userId` 更新。计算属性适合简单变化,而异步操作或复杂场景可选用侦听器。Vue 3 中,`watchEffect` 减少了部分侦听场景的复杂性。总之,它们用于组件内部响应路由变化,而非直接处理路由逻辑。
12 4
|
12天前
|
资源调度 JavaScript 前端开发
【vue】vue中的路由vue-router,vue-cli脚手架详细使用教程
【vue】vue中的路由vue-router,vue-cli脚手架详细使用教程
|
12天前
|
JavaScript Go
Vue路由跳转及路由传参
Vue路由跳转及路由传参
|
12天前
|
前端开发 JavaScript 索引
【Web 前端】JS的几种具体异常类型(报错)
【4月更文挑战第22天】【Web 前端】JS的几种具体异常类型(报错)