Skip to content
Advertisement

Vaadin cannot import CSS file

So I’m new to Vaadin and all that stuff and I’m currently trying to integrate a CSS-File to my site. When I try to do this though, I get an error after trying to run the gradle-Project:

JavaScript

So obviously the Path to the CSS-File is wrong, but I don’t know where to “start” the path. Somewhere on the internet I’ve read that it starts in the project’s root folder (where my build.gradle-File is located), but it doesn’t seem to work.
Here’s my class where the Annotation is used:

JavaScript

And here is my Project Structure: Project Structure

Edit:
I’ve already tried ./table_style. I think the proplem may lie in the Path: C:UsersSebastian MalburgDocumentsSchule_4SYTWind-2windpark_REST_JSON.frontend which is automatically used by Vaadin in think. I guess . is invalid? How would I change this path?

Advertisement

Answer

Your CSS file is placed in the wrong directory. You have it under target/frontend. It should be instead placed under /frontend which exists directly inside your project’s directory.

Once placed there, you should use @CssImport("./table_style.css") as Shubham noted.

User contributions licensed under: CC BY-SA
8 People found this is helpful
Advertisement