简体   繁体   English

为什么我的CSS样式表链接不会在Grails中显示?

[英]Why won't my CSS stylesheet link in Grails?

I have this very basic index.gsp file: 我有这个非常基本的index.gsp文件:

<!DOCTYPE html>
<html>
<head>
    <meta name="layout" content="main"/>
    <title>Example</title>
    <link type="text/css" href="${resource(dir: 'css', file: 'main.css')}" />
</head>
<body>
    <div class="test">This should be in cursive and blue</div>
</body>
</html>

I also have a very basic main.css file: 我也有一个非常基本的main.css文件:

.test {
    font-family: cursive;
    color: blue;
}

The path of main.css is web-app/css. main.css的路径是web-app / css。 I feel like this is a very trivial problem, but I can't get my line to show up in cursive and blue. 我觉得这是一个非常琐碎的问题,但是我无法让行以草书和蓝色出现。 However when I add the following to the head segment of my gsp file it works just fine: 但是,当我将以下内容添加到我的gsp文件的头段中时,它可以正常工作:

<style>
.test {
    font-family: cursive;
    color: blue;
}
</style>

Why won't my css file work with my gsp file? 为什么我的css文件不能与我的gsp文件一起使用?

BuildConfig.groovy file for reference: BuildConfig.groovy文件供参考:

grails.servlet.version = "2.5" // Change depending on target container compliance (2.5 or 3.0)
grails.project.class.dir = "target/classes"
grails.project.test.class.dir = "target/test-classes"
grails.project.test.reports.dir = "target/test-reports"
grails.project.target.level = 1.6
grails.project.source.level = 1.6
//grails.project.war.file = "target/${appName}-${appVersion}.war"

// uncomment (and adjust settings) to fork the JVM to isolate classpaths
//grails.project.fork = [
//   run: [maxMemory:1024, minMemory:64, debug:false, maxPerm:256]
//]

grails.project.dependency.resolution = {
    // inherit Grails' default dependencies
    inherits("global") {
        // specify dependency exclusions here; for example, uncomment this to disable ehcache:
        // excludes 'ehcache'
    }
    log "error" // log level of Ivy resolver, either 'error', 'warn', 'info', 'debug' or 'verbose'
    checksums true // Whether to verify checksums on resolve
    legacyResolve false // whether to do a secondary resolve on plugin installation, not advised and here for backwards compatibility

    repositories {
        inherits true // Whether to inherit repository definitions from plugins

        grailsPlugins()
        grailsHome()
        grailsCentral()

        mavenLocal()
        mavenCentral()

        // uncomment these (or add new ones) to enable remote dependency resolution from public Maven repositories
        //mavenRepo "http://snapshots.repository.codehaus.org"
        //mavenRepo "http://repository.codehaus.org"
        //mavenRepo "http://download.java.net/maven/2/"
        //mavenRepo "http://repository.jboss.com/maven2/"
    }

    dependencies {
        // specify dependencies here under either 'build', 'compile', 'runtime', 'test' or 'provided' scopes e.g.

        // runtime 'mysql:mysql-connector-java:5.1.22'
    }

    plugins {
        runtime ":hibernate:$grailsVersion"
        runtime ":jquery:1.8.3"
        runtime ":resources:1.1.6"

        // Uncomment these (or add new ones) to enable additional resources capabilities
        //runtime ":zipped-resources:1.0"
        //runtime ":cached-resources:1.0"
        //runtime ":yui-minify-resources:0.1.5"

        build ":tomcat:$grailsVersion"

        runtime ":database-migration:1.3.2"

        compile ':cache:1.0.1'
    }
}

Is your application using the resources or asset-pipeline plugin? 您的应用程序使用的是资源还是资产管道插件? If so, you're supposed to include resources (eg CSS and JavaScript files) in pages by defining modules/bundles of resources, and including those (rather than individual files). 如果是这样,应该通过定义资源的模块/捆绑并在其中包括资源(而不是单个文件)来在页面中包括资源(例如CSS和JavaScript文件)。

See the docs for the resources or asset-pipeline plugins for more details. 有关更多详细信息,请参阅有关资源资产管道插件的文档。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM