tauri://localhost clarification

[stackedCG]

Currently I am using the resources in the tauri.conf.json in order for me to have access to assets that will be used by the elements later on but so far I am having a hard time figuring out where to access those files.

I see them being loaded whenever I run the setup for the release build but I am not sure how to access them with js, I have read some threads that they used tauri://localhost, but I am not sure what is the correct way to add it here is my current setup:

// tauri.conf.json
{
     ...
     "bundle": {
          ...
          "resources": ["../src/miscs/**/*", "../src/test_templates_temporary/**/*"]
     }
}

I am currently linking them like this:

... src = "tauri://localhost/src/miscs/images/right-arrow.png" ...

If there is a way with just using js that would be awesome, thanks in advance for the help!

[stackedCG]

I already checked the v2 version for this which uses object data type now instead of the array, but it just throws error whenever I build the app: Error failed to bundle project: error running light.exe:

[FabianLars]

resources are generally not available via the tauri:// schemel.
tauri:// servers only files that are part of your frontendDist so it may work here by accident if ../src is in there too but it's kindaaa undefined behavior (i'd expect the paths not to match)

The asset:// protocol (via convertFileSrc()) can handle resources (but not files in your frontendDist)

If there is a way with just using js that would be awesome, thanks in advance for the help!

Not exactly sure what you mean tbh, but considering that those files are in your ../src path you should be able to simply import them in your js files.

[stackedCG]

Yes I have tried the asset: combined with the use of the csp for img-src, but it does not work on my end as well, so currently I am just using this file path assets/right-arrow-fUY2CHph.png (if you are asking how I made it appear there, what I did is add an image element that refer to my src/miscs/images/right-arrow.png then set its display to none):

Also I am not sure how to use the convertFileSrc(), I tried searching it but I cannot find proper documentation for it

[stackedCG]

Or is there any other way to select the files you want to be added there besides resources?

[stackedCG]

import them in your js files.

Hi, @FabianLars, I tried doing this work around, and its now working, thank you!