我有如下代码：
当前出问题的截图
现在会发现报错：
报错截图
但是我发现如果在import中直接使用模板字符串，那么就会报错：RecommendChatPanel.vue:42 Uncaught (in promise) TypeError: Failed to resolve module specifier
所以之后调整了一下如图：
正确执行
如图可以正常执行。
判断到应该还是import加载组件时机的问题，而修改后的方法，使用了import.meta,global方法去预先取出所有符合条件的组件值，接着去调用并使用defineAsyncComponent来动态加载就可以了。
image.png
哦对，vite项目中使用动态加载svg记得引入vite-svg-loader插件，并在vite.config.js中进行配置:
image.png
路由两种懒加载写法 如果遇到使用import 报错，需要安装babelrc
使用systemjs动态模块加载时，报错 Uncaught main: Application 'main' di...
动态加载组件的四种方式： 1、使用import导入组件，可以获取到组件 2、使用import导入组件，直接将组件赋...
1、使用 import.meta.glob加载所有vue文件 2、使用addRoute挂载动态路由 3、路由配置
Webpack4动态导入文件报错，现在还不支持动态使用import语法。需要下载babel插件对语法做转换。 安装...
JS创建SVG标签 SVG使用JS动态生成饼图 SVG动画 SVG兼容问题,需要使用VML(兼容ie4-ie7) ...
看了一下动态加载语法，import 下面大家一起来看看，我要从index.js文件拿到 add.js的方法，看看我...
1. 使用flutter_svg引入svg报错 该svg是从figma导出的。 翻阅 将 放到 标签的顶部，可以...
一、介绍 之前一直是使用 webpack 构建项目， 但是那种随着项目越来越大运行、打包、热更新缓慢带来的无奈。。...
动态库制作dlopen 动态加载Frameworks使用dlopen和dlsym方法动态加载库和调用函数动态库使用...
本文标题：vue3使用import动态加载svg报错解决方案
本文链接：https://www.haomeiwen.com/subject/cflvodtx.html
网友评论