在vue3+vite2构建项目中使用import动态引入时会报如下示例和警告：

/*** 转化路由component实例化本地文件* @param routes asyncRoutes*/
export function filterAsyncRoutes(routes) {const res = []routes.forEach(route => {let tmp = { ...route }if (tmp.children) {tmp.children = filterAsyncRoutes(tmp.children)}//在以往的vue2+webpack版本中可以这样导入tmp.component = () => import(`${route.component}`);res.push(tmp)})return res
}

解决方案

vite2文档中是有说明得仔细查看就会明白，如图：
我们只需按照文档中所介绍得，我们首先在文件中进行声明，然后在需要动态导入的时候去取对应项，如下代码示例：

const modules = import.meta.glob('../views/*/*.vue')
/*** 转化路由component实例化动态导入本地文件* @param routes asyncRoutes*/
export function filterAsyncRoutes(routes) {const res = []routes.forEach(route => {let tmp = { ...route }if (tmp.children) {tmp.children = filterAsyncRoutes(tmp.children)}tmp.component = modules[`../views/${route.component}`];res.push(tmp)})return res
}

vue3+vite2警告提示The above dynamic import cannot be analyzed by vite问题,vite中import动态引入相关推荐

【vue3】vue3+vite动态导入路由出现The above dynamic import cannot be analyzed by Vite
解决流程原本代码 export const loadView = (view:string) => {return () => import(`@/views/${view}`) } v ...
vue3 报错提示找不到模块“./XXX.vue”或其相应的类型声明
vue3 报错提示找不到模块"./XXX.vue"或其相应的类型声明从网上找了好多方法比如在tsconfig文件下增加: {"compilerOptions" ...
用Anko和Kotlin实现Android上的对话框和警告提示（KAD 24）
作者:Antonio Leiva 时间:Mar 9, 2017 原文链接:https://antonioleiva.com/dialogs-android-anko-kotlin/ 借助Builder ...
eclipse中去掉警告提示
有时候我们要去掉这些不必要的提示下面我们来设置去掉这些警告提示转载于:https://www.cnblogs.com/xiaostudy/p/9370016.html
cad打印本计算机未配置,为什么CAD点打印的时候就会警告提示无法使用此绘图仪配置？有什么解决办法？...
有时我们想打印一张图纸,一点"打印"按钮,CAD就会弹出一个警告对话框,提示无法使用此绘图仪配置,如下图所示. 为什么会出现这样的警告呢? 通常在打开外单位的图纸时才会出现这样的问 ...
cad打印本计算机未配置,CAD点打印为什么会警告提示无法使用此绘图仪配置
有时我们想打印一张图纸,一点"打印"按钮,CAD就会弹出一个警告对话框,提示无法使用此绘图仪配置,如下图所示. 为什么会出现这样的警告呢? 通常在打开外单位的图纸时才会出现这样的问 ...
pycharm 关闭右边黄色警告提示
文章目录问题描述解决办法问题描述有时候写代码,会遇到右边全部都是黄色警告提示,那些错误微不足道,但非常影响体验,如下图所示解决办法我们可以点击右下角的人头,将光标拉到Syntax即可关闭这 ...
linux gcc忽略警告,GCC 警告提示的用法
本节主要讲解GCC的警告提示功能.GCC包含完整的出错检查和警告提示功能,它们可以帮助Linux程序员写出更加专业和优美的代码.我们千万不能小瞧这些警告信息,在很多情况下,含有警告信息的代码往往会有意 ...
安装MathType后，在word打开后有警告提示。
场景描述在安装完MathType公式编辑器后,提示缺少Mplugin.dll文件.根据网上解决word2016不能找到这类文件的办法,可以解决的就恭喜你.还有部分情况是解决了警告提示,但使用复制.粘 ...
微信开发者工具不想要警告提示怎么设置
当我们运行微信开发者工具时,有时候控制台会爆出一堆黄色的警告提示. 这不是错误,不影响程序的运行,但是它也不会消失会持续的提示,看起来有点不爽,那我们就干掉它. 步骤如下这样就清爽多了!

vue3+vite2警告提示The above dynamic import cannot be analyzed by vite问题,vite中import动态引入

解决方案

vue3+vite2警告提示The above dynamic import cannot be analyzed by vite问题,vite中import动态引入相关推荐

最新文章

热门文章