How to append `script` tag in the page `head` tag in Vaadin 23?

Flow
1

I tried the below settings:

public class Application implements AppShellConfigurator {

    @Override
    public void configurePage(AppShellSettings settings) {

    settings.addInlineFromFile(
            TargetElement.HEAD,
            Position.APPEND,
            "frontend/script.html",
            Wrapping.AUTOMATIC);
    } 
    

    public static void main(String[] args) {
        SpringApplication.run(Application.class, args);
    }

}

path of script.html file →
src\main\resources\META-INF\resources\frontend\script.html

content of script.html file → 

<script async src="https://www.somehost.com/external.js"></script>
<script>
  //some script
</script>

But, I get the error:

Caused by: java.lang.IllegalStateException: Application resource 'frontend/script.html' for inline resource is not available

I want to append the <script> tag inside the <head> tag. What am I doing wrong above?

2

I assume that the html file is in the wrong place

3

It should be in /src/main/resource/META-INF/resources

4

@adaptable-uakari

so, you meant to say that it will not accept any other path inside resources directory?

src/main/resources/META-INF/resources/frontend/script.html ?

5

Just copied the file to resources and modified the path to:
src/main/resources/META-INF/resources/script.html

but still getting the same error

6

ah you already have it there sorry. I assume that you have it in the frontend folder in the root directory

7

I just read the docs. Can you try to put it in the project root frontend folder?

8

Because it also takes the index.html from there

9

I placed it there, but I still get the same error :frowning_with_open_mouth:

10

You could also put the script directly in the index.html

11

let me try that

12

yup, that worked :+1:

13

To make the initial code with frontend/script.html work the file must be in

14

src/main/resources/frontend/script.html

15

Vaadin loads these files from the classpath

16

Pretty confusing

17

frontend/script.html
I think the above path automatically refers to intended path, but it’s not working for some strange reason. Going ahead with index.html changes for now.

18

I tried and if it’s in

src/main/resources/frontend/script.html

It works

19

hmm strange that it isn’t working for me. Kept the file at same location.

20

indeed. Which version are you using?