ERR_UNKNOWN_URL_SCHEME Error

Flow
1

Hi there,

I’m facing a challenging issue while integrating my static webpage into a Vaadin application. I’ve correctly placed the CSS and JavaScript files in the frontend/scripts and frontend/styles folders within the resources/META-INF/resources directory. However, when running the application, I encounter the following error in the browser’s developer tools:

javascript

Copy code

ERR_UNKNOWN_URL_SCHEME Error

This issue occurs specifically for animation.js and styles.css.

Here’s a brief overview of what I’ve done:

  • Added CSS and JS files to src/main/resources/META-INF/resources/frontend/styles and frontend/scripts.
  • Included these files in my Vaadin view class using the following code:

java

Copy code

@StyleSheet("frontend://styles/styles.css")
UI.getCurrent().getPage().addJavaScript("frontend://scripts/animation.js");

Despite these steps, the error persists, and it’s becoming quite frustrating. I would greatly appreciate any guidance or troubleshooting tips to resolve this issue.

Thank you in advance for your assistance!

Best regards,

Siddhant

2

Did you read / follow this? Loading Resources | Advanced Topics | Flow | Vaadin Docs