Может кто-нибудь сказать мне, почему 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
И внешний вид исчез:
cw
иab
не видны в упомянутом фрагменте XHTML. Вы единственный, кто может что-то сказать о них, заглянув в сгенерированный HTML-код. Браузер укажет файл JavaScript, содержащий эти ошибки, с соответствующими номерами строк. Сделай это быстро. - person Tiny   schedule 04.01.2015<head>
на<h:head>
, и все должно быть в порядке. Эти автоматически сгенерированные файлы JS/CSS из PrimeFaces не включаются в сгенерированный HTML-тег<head>
, если только вы не используете<h:head>
. Таким образом, вы работаете без них всех. Отсюда и эти ошибки. - person Tiny   schedule 04.01.2015@
, например@xxx
. Кстати, вы хотите сказать, что файлы JS/CSS из библиотеки PrimeFaces все еще не включены в сгенерированный HTML-код? Попробуйте заглянуть в сгенерированный HTML-код (в интересующем вас браузере - щелкните правой кнопкой мыши -> просмотреть исходный код), чтобы увидеть, добавлены ли требуемые файлы JS/CSS (особенноprimefaces.js
) в тег<head>
, и да, не забудьте сделать необходимые изменения в вашем шаблоне XHTML. - person Tiny   schedule 05.01.2015<head>
, вы должны получать другие ошибки, если таковые имеются. Вы хотите сказать, что по-прежнему получаете те же ошибки, что и в этом вопросе, и внесенные вами изменения в любом случае не имеют никакого значения? Ведь этого не должно быть. В случае, если у вас возникли проблемы другого рода, рассмотрите возможность задать отдельный вопрос, потому что этот вопрос уже закрыт. - person Tiny   schedule 05.01.2015