问答

vue + typescript 中报如下警告提示该怎么解决

作者:admin 2021-05-05 我要评论

如下图所示,typescript + vue 项目中 vue-router 文件中报如图所示警告 错误信息: 类型“{ mode: string; base: any; routes: any[]; }”的参数不能赋给类型“...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

如下图所示,typescript + vue 项目中 vue-router 文件中报如图所示警告
image.png
错误信息:

类型“{ mode: string; base: any; routes: any[]; }”的参数不能赋给类型“RouterOptions”的参数。
  属性“mode”的类型不兼容。
    不能将类型“string”分配给类型“"history" | "hash" | "abstract" | undefined”。ts(2345)

router-config.ts

const pageMap = {};

const requireComponent = require.context('@/views', false, /.vue$/);
requireComponent.keys().forEach((filename) => {
  const component = requireComponent(filename).default;
  const { name } = component;
  pageMap[name] = {
    name,
    path: `/${name}`,
    component,
  };
});

const routes = Object.keys(pageMap).map((name) => pageMap[name]);

export default {
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/',
      redirect: 'homePage',
    },
    ...routes,
  ],
};

感觉是上方mode,base类型的问题,这里应该如何修复呢

###
// router-config.ts 文件导出的那里改一下,加个类型断言
// RouterOptions 的声明记得自己 import 一下

const routerConfig: RouterOptions = {
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/',
      redirect: 'homePage',
    },
    ...routes,
  ],
};
export default routerConfig;

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue + typescript 中报如下警告提示该

    vue + typescript 中报如下警告提示该

  • 关于package.json配置全局变量的问题

    关于package.json配置全局变量的问题

  • el-table表格,表格内容错位,从body的

    el-table表格,表格内容错位,从body的

  • echarts图X轴,有时候显示有时候不显示

    echarts图X轴,有时候显示有时候不显示

腾讯云代理商
海外云服务器