I get “Automatic publicPath is not supported in this browser” when trying to load a script programma...

# kvision

[adamratzman]

I get “Automatic publicPath is not supported in this browser” when trying to load a script programmatically in kvision 5. I had never run into this before upgrading to kvision 5 (I was on a very old version), and figured out that this is a webpack 5 issue. Has anyone else run into this, and if so what did you do to fix it?

[Robert Jaros]

Maybe this will help:
https://stackoverflow.com/questions/64294706/webpack5-automatic-publicpath-is-not-supported-in-this-browser?rq=1

[adamratzman]

I did try this by adding

config.output.publicPath = 'auto'

to webpack.js, but to no avail

[Robert Jaros]

Could you please describe what you mean by loading script programmatically?

[Robert Jaros]

Could you provide some code example?

[adamratzman]

Yep!
You can see here: spotify-web-api-browser-example/index.html at master · adamint/spotify-web-api-browser-example (github.com)

I did confirm that the bundle does exist

[adamratzman]

This isn’t an issue when directly referencing an asset, like in a script tag, but this isn’t possible in my application due to Spotify’s limitations, so I have to dynamically load the script, which used to work in kvision.

[Robert Jaros]

Adding this config.output["publicPath"] = ''; to webpack.config.d/webpack.js seems to fix the loading problem for me

[Robert Jaros]

Not sure what side effects does it cause 😉

[adamratzman]

Thank you so much! I will try it out. I guess I’ll find out soon 😄

[adamratzman]

Aha, it works!