How to resolve: Failed to load the bootstrap javascript: ./../../VAADIN/ vaadinBootstrap.js in Vaadin on Grails

grails vaadin7

10,420

A little late, but I have had the same issue few days ago. In my case, exactly same message is shown in Vaadin 7 (with a pure Java application). At the end, it was an issue with permissions of tomcat. If I execute tomcat as root, it works perfectly. If it is executed with user tomcat the message Failed to load the bootstrap javascript: ./VAADIN/ vaadinBootstrap.js is shown again. Of course, we do not want to execute tomcat as root, but it points clearly to the issue.

I know that is maybe not related to the use of Grails as the asker is using, but maybe it is also a permission issue.

10,420

Author by

Tasmanski

Updated on June 04, 2022

Comments

Tasmanski almost 2 years

I'm new in Grails and Vaadin. I'd like to use Vaadin in my Grails application. After installing vaadin plugin, when I try start my application I receive this communicat:

Failed to load the bootstrap javascript: ./../../VAADIN/ vaadinBootstrap.js

I use GGTS-3.6.0.RELEASE, vmware vfabric tc server developer edition v2.9 and Grails-2.4.2. I tried change in /MyApp/target/work/resources/web.xml to:

<session-config>
    <tracking-mode>COOKIE</tracking-mode>
</session-config>

My layout template:

bootstrap-main.gsp

    <!DOCTYPE html>
  <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title><g:layoutTitle default="Grails"/></title>
        <link rel="stylesheet" href="${resource(dir: 'css', file: 'bootstrap.css')}" type="text/css">
        <link rel="stylesheet" href="${resource(dir: 'css', file: 'bootstrap-responsive.css')}" type="text/css">
        <link rel="stylesheet" href="${resource(dir: 'css', file: 'bootstrap.min.css')}" type="text/css">
        <link rel="stylesheet" href="${resource(dir: 'css', file: 'bootstrap-responsive.min.css')}" type="text/css">
        <link rel="shortcut icon" type="image/vnd.microsoft.icon"
    href="/VAADIN/themes/reindeer/favicon.ico" />
<link rel="icon" type="image/vnd.microsoft.icon"
    href="/VAADIN/themes/reindeer/favicon.ico" />

<script type="text/javascript" src="/VAADIN/vaadinBootstrap.js"></script>
        <r:external uri="/js/jquery.js"/>
        <r:external uri="/js/bootstrap.min.js"/>
        <r:external uri="/js/bootstrap.js"/>
        <g:layoutHead/>
        <r:layoutResources />
    </head>
    <body>
        <g:layoutBody/>
        <g:javascript library="application"/>
        <r:layoutResources />
    </body>
</html>

Unfortunately probably server all the time override my changes. Could you help me?

I don't know what can be helpful else..