CSS и JS не работают с PrimeFaces

Может кто-нибудь сказать мне, почему CSS и JS перестали работать в моем проекте PrimeFaces 5.1. Я развертываю свой проект на сервере Apache Tomcat.

Вот моя страница home.xhtml:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <head></head>

    <h:body>
        <p:layout style="min-width:400px;min-height:100px;">
            <p:layoutUnit position="center" size="400"  >
            </p:layoutUnit>
        </p:layout>

        <p:layout style="min-width:400px;min-height:500px;">
            <p:layoutUnit position="west" size="244"  >
                <h5>
                    <h:form>
                        <p:menu toggleable="true">
                            <p:submenu label="Eleves">
                                <p:menuitem value="Nouvel élève"
                                            action="#{menuView.setSelectedItem(1)}"
                                            update=":globalPanel"/>

                                <p:menuitem value="Consultation"
                                            action="#{menuView.setSelectedItem(2)}"
                                            update=":globalPanel"/>

                            </p:submenu>
                            <p:submenu label="Personnels">
                            </p:submenu>
                            <p:submenu label="Notes">
                            </p:submenu>
                            <p:submenu label="Caisses">
                            </p:submenu>
                            <p:submenu label="Salaires">
                            </p:submenu>
                            <p:submenu label="Référentiel">
                            </p:submenu>
                        </p:menu>
                    </h:form>
                </h5>
            </p:layoutUnit>

            <p:layoutUnit position="center">
                <p:panel  id ="globalPanel"  >
                    <p:panel id="inscriptionPanel"
                             rendered="#{menuView.selectedItem == 1}"
                             header="Inscription"
                             style="margin-bottom:20px">
                        <ui:include src="/addStudent.xhtml" />
                    </p:panel>

                    <p:panel id="testerPanel"
                             rendered="#{menuView.selectedItem == 2}"
                             header="Consultation"
                             style="margin-bottom:20px">
                        <ui:include src="/consul.xhtml" />
                    </p:panel>
                </p:panel>
            </p:layoutUnit>
        </p:layout>
    </h:body>
</html>

Когда я развертываю, я получаю ошибки в консоли браузера, например:

Uncaught TypeError: Невозможно прочитать свойство 'cw' из null (индекс): 1

Uncaught TypeError: невозможно прочитать свойство 'ab' из null (индекс): 1

Uncaught TypeError: невозможно прочитать свойство 'ab' из null (индекс): 1

И внешний вид исчез:


person Adnane17    schedule 04.01.2015    source источник
comment
Дублирую тот же комментарий здесь. Эти cw и ab не видны в упомянутом фрагменте XHTML. Вы единственный, кто может что-то сказать о них, заглянув в сгенерированный HTML-код. Браузер укажет файл JavaScript, содержащий эти ошибки, с соответствующими номерами строк. Сделай это быстро.   -  person Tiny    schedule 04.01.2015
comment
Также не забудьте заглянуть в логи сервера.   -  person BalusC    schedule 04.01.2015
comment
function() {with (this[2]) {with (this[1]) {with (this[0]) {return function(event) {PrimeFaces.ab({s:'j_idt8:j_idt11',u:' globalPanel',f:'j_idt8'}); вернуть ложь;   -  person Adnane17    schedule 04.01.2015
comment
он говорит, что Primefaces имеет нулевое значение, поэтому он не может прочитать свойство null !!   -  person Adnane17    schedule 04.01.2015
comment
Могу сказать, что проблема в том, что PrimeFaces не определен, он имеет нулевое значение!!!   -  person Adnane17    schedule 04.01.2015
comment
У меня нет ошибок в логах сервера!!!   -  person Adnane17    schedule 04.01.2015
comment
Вы когда-нибудь нажимали на эту дублирующую ссылку? Ссылка скажет, что вам в основном нужно изменить простой HTML <head> на <h:head>, и все должно быть в порядке. Эти автоматически сгенерированные файлы JS/CSS из PrimeFaces не включаются в сгенерированный HTML-тег <head>, если только вы не используете <h:head>. Таким образом, вы работаете без них всех. Отсюда и эти ошибки.   -  person Tiny    schedule 04.01.2015
comment
Спасибо за ответ, но JS все равно не работает!!!   -  person Adnane17    schedule 05.01.2015
comment
Я явно посетил ваш пост. В противном случае система не уведомляет, когда участвует более одного пользователя, если только вы явно не используете имя пользователя в сочетании с @, например @xxx. Кстати, вы хотите сказать, что файлы JS/CSS из библиотеки PrimeFaces все еще не включены в сгенерированный HTML-код? Попробуйте заглянуть в сгенерированный HTML-код (в интересующем вас браузере - щелкните правой кнопкой мыши -> просмотреть исходный код), чтобы увидеть, добавлены ли требуемые файлы JS/CSS (особенно primefaces.js) в тег <head>, и да, не забудьте сделать необходимые изменения в вашем шаблоне XHTML.   -  person Tiny    schedule 05.01.2015
comment
Большое спасибо @Tiny, теперь моя проблема связана с JS, проблема css исправлена. Я вижу, что Primefaces.js.xhtml добавлен к тегу ‹head›, но это не работает !!!   -  person Adnane17    schedule 05.01.2015
comment
Если эти CSS/JS правильно добавлены в сгенерированный HTML-тег <head>, вы должны получать другие ошибки, если таковые имеются. Вы хотите сказать, что по-прежнему получаете те же ошибки, что и в этом вопросе, и внесенные вами изменения в любом случае не имеют никакого значения? Ведь этого не должно быть. В случае, если у вас возникли проблемы другого рода, рассмотрите возможность задать отдельный вопрос, потому что этот вопрос уже закрыт.   -  person Tiny    schedule 05.01.2015