import.meta.glob批量引入MP3后为空对象?

image.png
项目结构
image.png
打印结果
image.png
网上找了说是路径错了,但我用了'./'和'/'都是空对象,问gpt就跟我扯皮,叫我用require.context,但现在我用的是v3+ts+vite的项目,之前也下过一些支持comonjs和可以绕过ts检查的插件,没用,报错。大佬们没招了,救救孩子吧!!!!!

阅读 2.9k
4 个回答

截屏2023-07-25 22.50.47.png
没有问题哦。除了路径看不出有啥问题

一般都配置了@符号作为src路径,那么可以写成import.meta.glob('@/music/*.mp3', {eager: true}),或者直接使用相对路径import.meta.glob('../../music/*.mp3', {eager: true})(这是示例,具体相对路径是什么看你项目中在哪里使用)

mp3 这种二进制静态文件实在没必要用 import。放到 public 然后手动计算一下路径就好,或者提前上传也可以。

不过题主的问题我确实不知道为啥。

感谢网友们的回答提供了灵感,写成这样就行了
image.png
原来官网上说的相对路径和绝对路径是以项目为根,我之前误以为根是src,谨记!!
image.png
还有这里不要用@表示src,我的项目配置了快捷路径的,其它地方也能用,但这里不行,谨记!

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Microsoft
子站问答
访问
宣传栏