Uncaught Referenzfehler YUI ist nicht definiert Konsolenfehler

Ich verwende Legionui für Fronted, wenn ich versuche, dies zu bekommen. Issue.uncaught Referenzfehler YUI ist nicht definiert Konsolenfehler. Unten ist Code jede Hilfe. Ich aktualisiere nur diesen Code Bitte schauen Sie den folgenden Code.Uncaught Referenzfehler YUI ist nicht definiert Konsolenfehler

<!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>

Quelle

2016-11-18 Sanjay Yadav

Wir brauchen mehr Code zu sehen, und zwar den Teil, wo Sie in der AllyUI Skript laden. – winseybash

Hast du '' bereits in deinem HTML-Code vor dein Skript geschrieben? –

Sie müssen das Skript aui-min.js laden, bevor Sie Ihren benutzerdefinierten JS-Code ausführen.

Siehe Code unten bearbeitet:

<!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>

Quelle

2016-11-18 10:11:50 winseybash

Sie haben <script src="http://cdn.alloyui.com/3.0.1/aui/aui-min.js"></script> zu setzen, bevor die <script> wo Sie YUI() anrufen.

Quelle

2016-11-18 10:10:43

Uncaught Referenzfehler YUI ist nicht definiert Konsolenfehler

Antwort

Verwandte Themen