Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript NuxtJs:ReferenceError:NuxtError未定义_Javascript_Vue.js_Nuxt.js - Fatal编程技术网

Javascript NuxtJs:ReferenceError:NuxtError未定义

Javascript NuxtJs:ReferenceError:NuxtError未定义,javascript,vue.js,nuxt.js,Javascript,Vue.js,Nuxt.js,我是NuxtJs的新手。我想测试nuxt链接是如何工作的,所以我故意将nuxt链接放在一个不工作的路由上,希望重定向到默认的404页面。我将这一行放在pages/index.vue文件中: <nuxt-link to='/asksdkjd'>ssss</nuxt-link> 我在谷歌上搜索这个错误已经有一段时间了,但什么也找不到。我也尝试过firefox,但同样的问题也在发生。希望你们能帮忙。提前感谢。定义错误页面 创建此文件:layouts/error.vue <

我是NuxtJs的新手。我想测试nuxt链接是如何工作的,所以我故意将nuxt链接放在一个不工作的路由上,希望重定向到默认的404页面。我将这一行放在
pages/index.vue
文件中:

<nuxt-link to='/asksdkjd'>ssss</nuxt-link>

我在谷歌上搜索这个错误已经有一段时间了,但什么也找不到。我也尝试过firefox,但同样的问题也在发生。希望你们能帮忙。提前感谢。

定义错误页面

创建此文件:layouts/error.vue

<template>
  <div class="container">
    <div v-if="error.statusCode === 404">
      <h1>Page not found</h1>
      <p>{{ error.message }}</p>
    </div>
    <div v-else>
      <h1>An error occurred</h1>
    </div>
    <n-link to="/">Home page</n-link>
  </div>
</template>

<script>
export default {
  props: ['error'],
  layout: 'default' // If you prefers you can set a custom layout for the error page
}
</script>

找不到页面
{{error.message}}

发生了一个错误 主页 导出默认值{ 道具:['error'], 布局:“默认”//如果愿意,可以为错误页面设置自定义布局 }

更多信息:查看nuxt文档关于

这个bug似乎是通过拉取请求引入框架的。一位出资人已经请求PR来解决该问题。这是我创建的问题的摘要。谢谢,但这是我可以创建的自定义错误页面。我试图重定向到默认的404页面。无论如何,事实证明当前版本的nuxt.js存在bug。我希望很快修好。感谢您的帮助。错误消息之前缺少结束信息。
export default {
  mode: 'universal',
  target: 'static',
  head: {
    title: process.env.npm_package_name || '',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },
  css: [
  ],
  plugins: [
  ],
  components: true,
  buildModules: [
  ],
  modules: [
  ],
  build: {
  }
}

<template>
  <div class="container">
    <div v-if="error.statusCode === 404">
      <h1>Page not found</h1>
      <p>{{ error.message }}</p>
    </div>
    <div v-else>
      <h1>An error occurred</h1>
    </div>
    <n-link to="/">Home page</n-link>
  </div>
</template>

<script>
export default {
  props: ['error'],
  layout: 'default' // If you prefers you can set a custom layout for the error page
}
</script>