Home

Issue: 2532

Avoid using non-primitive value as key, use string/number value instead. (v. 1.0.0)

[issue link]

Since updating to 1.0.0 I get the following error:

[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.

(found in <Root>)

It only appears when I set the layout property on a non root path page. E.g. for ‘pages/login.vue’, however the error does not appear for ‘pages/index.vue’ .

I tried to deduce what could be causing it, but even when the layout is as basic as it gets the error persists:

pages/login.vue

<template>
  <div>
    Hello World
  </div>
</template>

<script>
  export default {
    layout: ['navAndFooter']  // Deleting this line fixes the error
  }
</script>

layouts/navAndFooter.vue

<template>
  <div>
    <nuxt/>
  </div>
</template>

<script>
  export default {}
</script>
This question is available on Nuxt.js community (#c2200)