自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

-+

上一步保存

weixin_42804664的博客

原创使用Vite搭建基础项目

使用Vite搭建基础项目

2022-06-15 16:22:13 1267

原创 Vue3+Vite实现动态路由

项目基本目录 1.首先定义初始默认的路由routes(router.js文件),vue文件使用import引入可以按需加载 import { createRouter, createWebHashHistory } from "vue-router"; import store from '../store/index.js' const routes = [{ path: "/login", component: () => import

2022-04-27 11:46:19 16215 30

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

祥武的哥哥

博客等级

码龄7年

2
原创

16
点赞

79
收藏

7
粉丝

关注

私信

热门文章

分类专栏

Vite创建项目 1篇
Vue3+vite实现动态路由 1篇

最新评论

Vue3+Vite实现动态路由
晚w风f: defineAsyncComponent(()=>import(`../views/${noButtonmenu[g].route}`)) 用了这个可以了但是每次点击都有一个警告 Component "default" in record with path "/system/menu" is defined using "defineAsyncComponent()". Write "() => import('./MyPage.vue')" instead of "defineAsyncComponent(() => import('./MyPage.vue'))".
Vue3+Vite实现动态路由
晚w风f: sysytem/menu/index undefined 打印的引入的路由是这样的一转就是空的是目录结构的问题me
Vue3+Vite实现动态路由
祥武的哥哥: 结构没对应上吧，一个个打印一下
Vue3+Vite实现动态路由
晚w风f: routeAllPathToCompMap=import.meta.glob(`@/views/**/*.vue`); item.component=routeAllPathToCompMap[`@/views/${item.component}`] 转出来的都是undefined是因为什么呀
Vue3+Vite实现动态路由
祥武的哥哥: 如果您的 Vue 3 和 Vite 版本都在支持 `import.meta.glob` 的范围内，但在 TypeScript 的 `<script lang="ts">` 块中无法正常使用，有几个种可能的原因和解决方法： 1. **TSconfig 配置**：确保您的 TypeScript 配置（`tsconfig.json` 文件）正确配置了 `compilerOptions.target` 和 `module`。对于 Vite 和 Vue 3，通常应该将它们配置为： ```json

提示

确定要删除当前文章？

取消删除