【问题标题】:Glob import of image urls in SvelteKit在 SvelteKit 中全局导入图像 url
【发布时间】:2021-06-21 08:44:27
【问题描述】:

我正在尝试以通配符方式导入目录中图像的所有 url,有两个可能的扩展名:

import urls from "../static/images/**/*.{png,svg}";

目前该目录下共有三个文件,单独导入即可。当我使用这种语法时,找不到文件:

无法解析从“../static/images/**/*.{png,svg}”导入 “src/routes/index.svelte”。文件存在吗?

我听说可以在 SvelteKit 中开箱即用地执行此操作,我是否需要在 jsconfig.json 文件中启用或定义导入模式才能实现此功能,或者安装依赖项?

【问题讨论】:

    标签: sveltekit


    【解决方案1】:

    已通过将导入更改为使用 meta.glob 来修复:

    const urls = import.meta.glob("../static/images/**/*.{png,svg}");
    

    【讨论】:

    • 其原因可能是因为shell expansions 是由 shell(在本例中为 bash)执行的,并且默认情况下在 ESM 导入中不可用。将路径通过import.meta.glob 实现相同的结果
    猜你喜欢
    • 1970-01-01
    • 2023-02-18
    • 2023-02-26
    • 2022-12-31
    • 2012-07-18
    • 1970-01-01
    • 1970-01-01
    • 2012-07-02
    • 2017-04-01
    相关资源
    最近更新 更多