Vaadin 7 : How to import JS files from custom path?

Question

I am using Vaadin-7 and this answer was not fix for me .

I am trying to import my js file under myproject/WebContent/js/test.js . I used @JavaScript in my UI class as below..

@Theme("myTheme")
@SuppressWarnings("serial")
@Title("VaadinTest")
@JavaScript("js/test.js")
public class VaadinTest extends UI {

@Override
protected void init(VaadinRequest request) {
    final VerticalLayout layout = new VerticalLayout();
    layout.setMargin(true);
    setContent(layout);
}
}

But I got "NetworkError: 404 Not Found - http://localhost:8080/myproject/APP/PUBLISHED/js/test.js" error log in my firebug console.

So , how can I import js files from my custom directories ?

PS: Please don't be force me to create APP/PUBLISHED/ directory manually ! Thanks.

Zigac · Accepted Answer · 2014-07-16T11:17:49.853

15

You can use app://:

@JavaScript({ "app://js/test.js" })

or use:

@JavaScript({ "vaadin://js/test.js" })

Generated url inside VAADIN folder:

http://localhost:8080/myproject/VAADIN/js/test.js

edited Jul 16 '14 at 11:17

answered Jul 16 '14 at 09:09

Zigac

1,551
1
16
27

do you mean I need to put my js file under `WebContent/VAADIN/` folder ? – Cataclysm Jul 16 '14 at 10:03
can you support me more suggestions about using `vaadin://` ? – Cataclysm Jul 16 '14 at 10:13
Yes , thank you . After I move my js files to under **VAADIN** folder , it is fine. But my oringinal post was to import custom path. – Cataclysm Jul 16 '14 at 10:37

score 3 · Answer 2 · answered Jul 17 '14 at 08:49

the file you refer to must be reachable by the classloader relative to the package you are using it in. according to your example, lets say your package of VaadinTest is com.example.app and you want to access it as js/test.js you have to put it in the directory com/example/app/js/test.js in a "root" for the classloader to find it (e.g. src/main/java,groovy or where resources are loaded from in your config).

Vaadin 7 : How to import JS files from custom path?

2 Answers2