• XSS.stack #1 – первый литературный журнал от юзеров форума

ERROR [Vue warn]: Error in render: "TypeError: Cannot read property 'username' of null"

Chigurh

ripper
КИДАЛА
Регистрация
17.03.2021
Сообщения
28
Реакции
2
Пожалуйста, обратите внимание, что пользователь заблокирован
Код:
ERROR  [Vue warn]: Error in render: "TypeError: Cannot read property 'username' of null"

found in

---> <Navbar> at components/layout/Navbar.vue
       <Layouts/default.vue> at layouts/default.vue
         <Root>

Navbar.vue
Код:
<template>
  <nav class="navbar is-light" role="navigation" aria-label="main navigation">
    <div class="navbar-brand">
      <nuxt-link
        :to="{ name: 'index'}"
        :class="['navbar-item']"
      >
        <!--<img src="https://bulma.io/images/bulma-logo.png" width="112" height="28">-->
        Welcome
      </nuxt-link>
    </div>

    <div class="navbar-menu">
      <div class="navbar-end">
        <div class="navbar-item has-dropdown is-hoverable">
          <a class="navbar-link">
            <b-icon icon="account-circle" />
            <span>{{ this.$auth.user.username }}</span>
          </a>
          <div class="navbar-dropdown">
            <nuxt-link
              :to="{ name: 'profile'}"
              :class="['navbar-item']"
            >
              Profil
            </nuxt-link>
            <hr class="navbar-divider">
            <nuxt-link
              :to="{ name: 'logout'}"
              :class="['navbar-item']"
            >
              Logout
            </nuxt-link>
          </div>
        </div>
      </div>
    </div>
  </nav>
</template>

<script>
export default {
  name: 'Navbar',
  watch: {
    $route (to, from) {
      this.dismissWelcomeMessage()
    }
  },
  methods: {
    dismissWelcomeMessage () {
      this.$store.commit('modules/welcomeMessage/dismissWelcomeMessage')
    }
  }
}
</script>

default.vue
Код:
<template>
  <div>
    <Navbar />
    <section class="section">
      <NotifcationBar />
      <div class="columns">
        <Menu />
        <nuxt />
      </div>
    </section>
    <Footer />
  </div>
</template>

<script>
import Navbar from '@/components/layout/Navbar'
import Menu from '@/components/layout/Menu'
import Footer from '@/components/layout/Footer'
import NotifcationBar from '@/components/layout/NotificationBar'

export default {
  components: {
    Navbar,
    NotifcationBar,
    Menu,
    Footer
  }
}
</script>
 
Последнее редактирование:


Напишите ответ...
  • Вставить:
Прикрепить файлы
Верх