TS4023: Exported Variable has or is using name from external module but cannot be named

Question

I\'ve seen this answered before, but they don\'t seem to cover this specific use case (or they don\'t work/help)

import {Route} from \'vue-router\';


export con         


        

Answer 1

Apparently this is the solution to my problem:

  import {Route, RouteConfig} from 'vue-router';


  export const detailRoute: RouteConfig = {
    path: '/detail/:id',
    component: Detail,
    props: (route: Route) => ({
      state: route.query.state
    })
  };

Specifying that detailRoute was a RouteConfig (which in turn uses Route) solved the problem. I must have misunderstood how this is supposed to work, but this fixed it.