Я работаю над приложением Django, в котором есть VueJS. Я новичок в Django и еще новичок в VueJS.
Я получаю эту ошибку, когда пытаюсь запустить свой код:
ERROR Failed to compile with 1 errors
2:11:51 PMerror in ./src/router/index.js
Syntax Error: Unexpected token, expected , (51:0)
49 | } 50 |
51 | }) | ^ 52 | 53 | export default router 54 |
@ ./src/main.js 5:0-30 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js
вот содержимое моего файла router/index.js:
import Vue from 'vue'
import Router from 'vue-router'
import Chat from '@/components/Chat'
import UserAuth from '@/components/UserAuth'
Vue.use(Router)
const router = new Router({
routes: [
{
path: '/chats',
name: 'Chat',
component: Chat
},
{
path: '/auth',
name: 'UserAuth',
component: UserAuth
}
]
})
router.beforeEach((to, from, next) => {
if (sessionStorage.getItem('authToken') !== null || to.path === '/auth') {
next()
}
else {
next('/auth')
}
}
})
export default router
В чем причина синтаксической ошибки и как ее исправить?



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Проверьте дополнительную скобку, которая у вас есть:
router.beforeEach((to, from, next) => {
if (sessionStorage.getItem('authToken') !== null || to.path === '/auth') {
next()
}
else {
next('/auth')
}
} <-----------
})
Пожалуйста, удалите его, один совет используйте редакторы кода, большинство из них укажут на эти глупые ошибки, которые вы можете не осознавать.
Исправьте отступ, чтобы он был более последовательным, и я полагаю, что проблема станет очевидной. Вызов
router.beforeEach()кажется структурно неправильным.