Vite js开发环境中无法找到静态资源的URL
P粉895187266
P粉895187266 2023-10-25 16:56:58
0
1
725

导入 png 图片无法在本地解析(在开发模式下,运行 npm vite)。然而,他们确实在生产版本中解决了。起初,我动态导入它们,但它们在生产版本中无法解析,因此我提前导入了它们。

//.ts file
import test from "../assets/sprites/test.png"
//vite.config.ts
export default defineConfig({
    plugins: [vue()],
    build: {
        target: 'esnext'
    }
})

test.png:1 GET http://localhost:3000/frontend/src/assets/frontend/src/assets/sprites/test.png 404(未找到)

P粉895187266
P粉895187266

全部回复(1)
P粉494151941

要解决此问题,请使用新的 URL(url, import.meta.url) 解析 prod 和 dev 中的静态资源

请参阅有关静态资产处理的 Vite 文档:https ://vitejs.dev/guide/assets.html#new-url-url-import-meta-url

const test = new URL('../assets/sprites/test.png', import.meta.url).href
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!