Question

我正在使用alloyui for fronted，当我尝试使用此获取issue.uncaught参考错误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>

Answer 1

您必须将<script src="http://cdn.alloyui.com/3.0.1/aui/aui-min.js"></script>放在您呼叫<script>的{{1}}之前。

Answer 2

您需要在运行自定义JS代码之前加载function checkProperties(object, keys) { return keys.every(function (key) { if (key in object) { object = object[key]; return true; } }); } // usage if (checkProperties(myAssessments, [orderId, 'report', categoryProductCode, 'categories', comment.categoryId])) { // Do something related to // myAssessments[orderId].report[categoryProductCode].categories[comment.categoryId] }脚本。

请参阅以下编辑代码：

aui-min.js

未捕获引用错误YUI未定义控制台错误

2 个答案: