Question

我正在运行一个包含4个不同视图的grails应用程序，并且在运行应用程序时它正常运行。

但是，在我创建一个WAR文件并将其部署到机器中之后，一个选项卡上出现错误（关于jQuery的错误）（服务器 - Apache Tomcat 7.0.47和grails 2.3.4）

错误：

找不到资源文件jquery-ui-1.10.4.custom.js

现在，资源文件中没有提到这个文件名，但是在视图文件中使用g：javascript（loading）

浏览器控制台上的错误也基本上是由于jQuery冲突

问题是我有多个jQuery文件并且它们是冲突的，原型js也存在，所以我们有一个jQuery没有冲突来阻止它。

我想了解“ApplicationResource.groovy”究竟是如何使用的，为什么要使用它？它只用于生产模式吗？

如何加载js和css文件？从视图页面使用g：javascript还是从资源方法？

如何加载jQuery ui和原型，以便不会出现错误。

ApplicationResources.groovy：

modules = {
    application {
        resource url:'js/application.js'
        resource url:'js/d3.v3.min.js'

        resource url:'js/jquery-1.10.2.min.js'
        resource url:'js/bootstrap.min.js'
        resource url:'js/dygraph-1.0.combined.js'
        resource url:'js/spin-1.3.0.min.js'
        resource url:'js/moment-2.1.0.min.js'
        resource url:'js/JGS.ServerDataSimulator.js'
        resource url:'js/JGS.GraphDataProvider.js'
        resource url:'js/JGS.Demo1Page.js'

        resource url:'js/underscore.js'
        resource url:'js/crossfilter.js'
        resource url:'js/dc.js'
        resource url:'js/prototype.js'
        resource url:'js/highcharts.js'
        resource url:'js/exporting.js'


    }
}

它丢失了文件 - 'js / jquery-ui-1.10.4.custom.js'，它被提及并使用以下命令加载到视图文件中：

<g:javascript src="jquery-ui-1.10.4.custom.js"/>

但是，这会导致未定义的jquery或冲突错误。

我真的需要了解加载文件的正确方法。是使用ApplicationResources还是在视图中使用g：javascript？

JS文件：

<!DOCTYPE html>
<html lang='en'>
<head>
    <meta charset="utf-8">
    <meta content='width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0' name='viewport'>
    <title>EWACS Site performance tool</title>
        <g:javascript src="d3.v3.min.js"/>
        <g:javascript src="jquery-ui-1.10.4.custom.js"/>
        <g:javascript src="jQDateRangeSlider-min.js"/>
        <g:javascript src="jQDateRangeSlider-withRuler-min.js"/>
        <g:javascript src="jQRangeSliderLabel.js"/> 

    <script>
    var $j = jQuery.noConflict()
    </script>
        <link rel="stylesheet" href="${resource(dir: 'css', file: 'iThing.css')}" type="text/css">
        <link rel="stylesheet" href="css/iThing.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: 'dc.css')}" type="text/css">
        <link rel="stylesheet" href="${resource(dir: 'css', file: 'main_div.css')}" type="text/css">
        <style type="text/css"></style>

    <g:javascript src="prototype.js"/>
    <g:javascript src="highcharts.js"/>
    <g:javascript src="exporting.js"/>
</head>

欢迎所有的方法/建议

Grails应用程序资源部署问题

0 个答案: