Vue3项目:ts通过import引入传入文件路径报找不到该模块

在项目开发中遇到动态导入模块的问题,当尝试使用表达式方式import(path)时,浏览器报Critical dependency错误。解决方案是确保import使用静态字符串路径,如import('@/' + path + '.vue')。此问题强调了import不支持表达式,而require虽然不会报错,但推荐遵循最佳实践使用字符串路径。修改代码后,动态加载恢复正常。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言

在项目开发中需要通过封装的方法来减小体积,在封装一个异步方法时,传入的路径明明正确却报找不到

浏览器报错:
在这里插入图片描述
控制台报错:
Critical dependency: the request of a dependency is an expression

我的代码:

loader = () => import(path)

解决心路历程

采用引入文件报错后,我尝试使用写死的路径,发现可以正常使用,没有任何问题!!!最后查看文档发现 import只能使用字符串!! require相同。最后采用字符串拼接方法

更改后的代码:

import('@/' + path + '.vue')

PS:import使用模板字符串会报错,require不会

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值