未捕獲參考錯誤YUI未定義控制檯錯誤

我正在使用alloyui前端，當我試圖使用此獲取issue.uncaught引用錯誤YUI未定義控制檯錯誤。以下是代碼的任何幫助。我只是更新這個代碼，請看下面的代碼。未捕獲參考錯誤YUI未定義控制檯錯誤

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8" /> 
     <title>{% block title %}Welcome!{% endblock %}</title> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     {% block stylesheets %} 
      <link href="http://cdn.alloyui.com/3.0.1/aui-css/css/bootstrap.min.css" rel="stylesheet"> 
      <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> 
      <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
     {% endblock %} 
     <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" /> 
     <script> 
      YUI().use(
        'node', 
        'transition', 
        function (Y) { 
         Y.one('.navbar-brand').on(
           'click', function() { 
            this.transition(
              { 
               width: '500px' 
              } 
            ); 
           } 
         ); 
        } 
      ); 
     </script> 
    </head> 
    <body> 
     {% block body %} 
     <div class="container-fluid"> 
      <nav class="navbar navbar-default"> 
       <div class="navbar-header"> 
        <a class="navbar-brand" href="{{ path('dashboard.index') }}">NewsDriver</a> 
       </div> 
       <ul class="nav navbar-nav"> 
        <li class="active"><a href="{{ path('dashboard.index') }}">Dashboard</a></li> 
       </ul> 
       <ul class="nav navbar-nav navbar-right"> 
        {% if is_granted('IS_AUTHENTICATED_FULLY') %} 
         <li><a href="#">{{ app.user.getName() }}</a></li> 
         <li><a href="/logout"><span class="glyphicon glyphicon-log-out"></span> Logout</a></li> 
        {% else %} 
         <li><a href="/login"><span class="glyphicon glyphicon-log-in"></span> Login</a></li> 
        {% endif %} 
       </ul> 
      </nav> 
      {% for flashType, flashMessages in app.session.flashbag.all() %} 
       {% for flashMessage in flashMessages %} 
        <div class="alert alert-{{ flashType }}"> 
         <button type="button" class="close" data-dismiss="alert">&times;</button> 
         {{ flashMessage }} 
        </div> 
       {% endfor %} 
      {% endfor %} 
      {% block content %}{% endblock %} 
     </div> 
     {% endblock %} 
     {% block javascripts %} 
      <script src="http://cdn.alloyui.com/3.0.1/aui/aui-min.js"></script> 
      <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
      <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
     {% endblock %} 
    </body> 
</html>

來源

2016-11-18 Sanjay Yadav

我們需要看到更多的代碼，具體在哪裏，你在AllyUI腳本加載的部分。 – winseybash

你已經把''在你的腳本之前，你的HTML？ –

在運行自定義JS代碼之前，您需要加載aui-min.js腳本。

見編輯下面的代碼：

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8" /> 
    <title>{% block title %}Welcome!{% endblock %}</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    {% block stylesheets %} 
     <link href="http://cdn.alloyui.com/3.0.1/aui-css/css/bootstrap.min.css" rel="stylesheet"> 
     <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> 
     <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
    {% endblock %} 
    <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" /> 
</head> 
<body> 
    {% block body %} 
    <div class="container-fluid"> 
     <nav class="navbar navbar-default"> 
      <div class="navbar-header"> 
       <a class="navbar-brand" href="{{ path('dashboard.index') }}">NewsDriver</a> 
      </div> 
      <ul class="nav navbar-nav"> 
       <li class="active"><a href="{{ path('dashboard.index') }}">Dashboard</a></li> 
      </ul> 
      <ul class="nav navbar-nav navbar-right"> 
       {% if is_granted('IS_AUTHENTICATED_FULLY') %} 
        <li><a href="#">{{ app.user.getName() }}</a></li> 
        <li><a href="/logout"><span class="glyphicon glyphicon-log-out"></span> Logout</a></li> 
       {% else %} 
        <li><a href="/login"><span class="glyphicon glyphicon-log-in"></span> Login</a></li> 
       {% endif %} 
      </ul> 
     </nav> 
     {% for flashType, flashMessages in app.session.flashbag.all() %} 
      {% for flashMessage in flashMessages %} 
       <div class="alert alert-{{ flashType }}"> 
        <button type="button" class="close" data-dismiss="alert">&times;</button> 
        {{ flashMessage }} 
       </div> 
      {% endfor %} 
     {% endfor %} 
     {% block content %}{% endblock %} 
    </div> 
    {% endblock %} 
    {% block javascripts %} 
     <script src="http://cdn.alloyui.com/3.0.1/aui/aui-min.js"></script> 
     <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
     <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
    {% endblock %} 
    <script> 
     YUI().use(
       'node', 
       'transition', 
       function (Y) { 
        Y.one('.navbar-brand').on(
          'click', function() { 
           this.transition(
             { 
              width: '500px' 
             } 
           ); 
          } 
        ); 
       } 
     ); 
    </script> 
</body> 
</html>

來源

2016-11-18 10:11:50 winseybash

你必須把<script src="http://cdn.alloyui.com/3.0.1/aui/aui-min.js"></script>的<script>之前，你在呼喚YUI()。

來源

2016-11-18 10:10:43

未捕獲參考錯誤YUI未定義控制檯錯誤

回答

相關問題