missing param for named route "notfound": Expected "0" to be defined

I got this quite cryptic error message and I’m not sure what to make of it.

Relevant trace

assert          @ vue-router.js?e71f:140
fillParams      @ vue-router.js?e71f:1158
match           @ vue-router.js?e71f:1007
transitionTo    @ vue-router.js?e71f:1223
replace         @ vue-router.js?e71f:1628
replace         @ vue-router.js?e71f:1801
created         @ edit.vue?dc4c:116

Offending code in edit.vue

this.$router.replace({
    name: 'notfound',
})

Relevant routes

{
    path: '*',
    name: 'notfound',
    component: require('./views/NotFound.vue'),
},

NotFound.vue

<script>
export default {
    data() {
        return {
        }
    },
}
</script>

[polunzh]

Same error, I don’t know why; but I fixed it with the following code:

routes: [{
        name: '404',
        path: '/404',
        component: NotFound
    }, {
        path: '*',
        redirect: '404'
    }
]

[zaniny]

The fact is that when you do redirect to an asterisk, the router does not know which path should be in the location. You must pass this path yourself, eg:

push({ name: '404', params: { '0': 'somePath'} })

Here is a piece of my code from route guard for subdomains support, maybe useful

/**
 * Check hostname.
 *  
 * @param  {string} hostname 
 * @param  {Array} routes
 * @return {Array}
 */
function hostGuard(hostname, routes) {
    return beforeEnter(routes, (to, from, next) => {
        if(location.hostname.split('.').shift() === hostname) {
            next()
        }
        else {
            next({ name: '404', params: { '0': to.path } })
        }
    })
}