Vite assets bundling in Inertia

I got an error [plugin:vite:import-analysis] import.meta.glob() can only accept string literals. when I added vite asset URL helper.

import.meta.glob([
  '../images/**',
  '../fonts/**',
]);

So I changed it like this.

import.meta.glob(
    '../images/**'
);

Error is Uncaught SyntaxError: Unexpected token ':' (at app.js:8:31)

The compile file app.js show me.

{ "../images/about-banner.png": () => import("/resources/images/about-banner.png?import"),

Reference

Best Answer

Level 102

Are you sure you are running vite 3.x and the plugin is up to date?

npm update

1 like

Level 28

@Sinnbeck Thank you. I didn't know when vite 3 is out xd? it's working but not found png. Url gives me like this. http://0.0.0.0:5173/@fs/resources/js/resources/images/dot.png when I call

<script setup>
import dot from "@/resources/images/dot.png";
</script>

I think that comes from jsconfig.js

"paths": {
            "@/*": ["resources/js/*"],
        },

So, I removed the '@' is that okay?

<script setup>
import dot from "/resources/images/dot.png";
</script>

Level 102

@shaungbhone yeah I would imagine that to be the correct way. Does it work?

Level 28

@Sinnbeck Yeah Thank you.

Please or to participate in this conversation.