Javascript NuxtJs:ReferenceError:NuxtError未定义
我是NuxtJs的新手。我想测试nuxt链接是如何工作的,所以我故意将nuxt链接放在一个不工作的路由上,希望重定向到默认的404页面。我将这一行放在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 <
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>