2

以前我使用带有 Grails 2.5.1 的 Bootstrap 并且它工作正常,现在我正在使用它,Grails 3.3.2我在Chrome inspect访问时遇到以下错误index.gsp

 Uncaught Error: Bootstrap's JavaScript requires jQuery

在和中找到的BootStrap文件assets\javascripts\bootStrap\bootstrap.min.jsassets\stylesheets\bootStrap\bootstrap.min.css

这是index.gsp

    <!doctype html>
<html>
<head>
    <meta name="layout" content="mainBS"/>
    <title>Welcome to Grails</title>

</head>
<body>

    <content tag="nav">
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Application Status <span class="caret"></span></a>
            <ul class="dropdown-menu">
                <li><a href="#">Environment: ${grails.util.Environment.current.name}</a></li>
                <li><a href="#">App profile: ${grailsApplication.config.grails?.profile}</a></li>
                <li><a href="#">App version:
                    <g:meta name="info.app.version"/></a>
                </li>
                <li role="separator" class="divider"></li>
                <li><a href="#">Grails version:
                    <g:meta name="info.app.grailsVersion"/></a>
                </li>
                <li><a href="#">Groovy version: ${GroovySystem.getVersion()}</a></li>
                <li><a href="#">JVM version: ${System.getProperty('java.version')}</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="#">Reloading active: ${grails.util.Environment.reloadingAgentEnabled}</a></li>
            </ul>
        </li>
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Artefacts <span class="caret"></span></a>
            <ul class="dropdown-menu">
                <li><a href="#">Controllers: ${grailsApplication.controllerClasses.size()}</a></li>
                <li><a href="#">Domains: ${grailsApplication.domainClasses.size()}</a></li>
                <li><a href="#">Services: ${grailsApplication.serviceClasses.size()}</a></li>
                <li><a href="#">Tag Libraries: ${grailsApplication.tagLibClasses.size()}</a></li>
            </ul>
        </li>

    </content>

    <div class="svg" role="presentation">
        <div class="grails-logo-container">
            <asset:image src="grails-cupsonly-logo-white.svg" class="grails-logo"/>
        </div>
    </div>

    <div id="content" role="main">
        <section class="row colset-2-its">
            <h1>Welcome to Grails</h1>

            <p>
                Congratulations, you have successfully started your first Grails application! At the moment
                this is the default page, feel free to modify it to either redirect to a controller or display
                whatever content you may choose. Below is a list of controllers that are currently deployed in
                this application, click on each to execute its default action:
            </p>

            <div id="controllers" role="navigation">
                <h2>Available Controllers:</h2>
                <ul>
                    <g:each var="c" in="${grailsApplication.controllerClasses.sort { it.fullName } }">
                        <li class="controller">
                            <g:link controller="${c.logicalPropertyName}">${c.fullName}</g:link>
                        </li>
                    </g:each>
                </ul>
            </div>
        </section>
    </div>

</body>
</html>

此页面上的所有图像也没有显示,我将其添加到build.gradle,但没有工作:

   assets {
    minifyJs = true
    minifyCss = true
    includes = ["stylesheets/*"]
    includes = ["javascripts/*"]
    includes = ["images/*"]
    includes = ["fonts/*"]  
}

我在这里缺少什么?

4

2 回答 2

1

确保 js 包含的层次结构如下

在此处输入图像描述

于 2018-01-15T05:34:31.107 回答
0

您缺少 jQuery js,它必须在任何其他脚本(如 bootstrap.js)之前包含

于 2018-01-14T15:49:56.497 回答