Adakah yang bisa memberi tahu saya mengapa CSS dan JS berhenti berfungsi di proyek PrimeFaces 5.1 saya. Saya menyebarkan proyek saya di server Apache Tomcat.
Ini halaman home.xhtml saya:
<!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>
Saat saya menerapkan, saya mendapatkan kesalahan di konsol browser seperti:
TypeError Tidak Tertangkap: Tidak dapat membaca properti 'cw' dari null (indeks):1
TypeError Tidak Tertangkap: Tidak dapat membaca properti 'ab' dari null (indeks):1
TypeError Tidak Tertangkap: Tidak dapat membaca properti 'ab' dari null (indeks):1
Dan tampilannya hilang:
cw
danab
tersebut tidak terlihat dalam cuplikan XHTML yang disebutkan. Anda adalah satu-satunya yang dapat mengatakan sesuatu tentang mereka dengan melihat kode HTML yang dihasilkan. Browser akan menunjukkan file JavaScript yang mengalami kesalahan ini dengan nomor baris yang sesuai di dalamnya. Lakukan itu dengan cepat. - person Tiny   schedule 04.01.2015<head>
menjadi<h:head>
dan Anda semua akan baik-baik saja. File JS/CSS yang dibuat secara otomatis dari PrimeFaces tidak disertakan dalam tag HTML<head>
yang dihasilkan kecuali Anda menggunakan<h:head>
. Jadi, Anda berjalan tanpa semuanya. Oleh karena itu, kesalahan-kesalahan itu. - person Tiny   schedule 04.01.2015@
seperti@xxx
. Apakah Anda bermaksud mengatakan bahwa file JS/CSS dari perpustakaan PrimeFaces masih belum disertakan dalam kode HTML yang dihasilkan? Coba lihat kode HTML yang dihasilkan (di browser yang Anda minati - klik kanan -› lihat sumber) untuk melihat, apakah file JS/CSS yang diperlukan (terutama,primefaces.js
) ditambahkan ke tag<head>
dan ya jangan lupa untuk membuat perubahan yang diperlukan dalam templat XHTML Anda. - person Tiny   schedule 05.01.2015<head>
yang dihasilkan, Anda akan menerima kesalahan yang berbeda, jika ada. Apakah Anda bermaksud mengatakan bahwa Anda masih menerima kesalahan yang sama seperti yang disebutkan dalam pertanyaan ini dan perubahan yang Anda buat tidak membuat perbedaan apa pun? Hal ini seharusnya tidak terjadi. Jika Anda mengalami masalah yang berbeda, harap pertimbangkan untuk mengajukan pertanyaan terpisah karena pertanyaan ini sudah ditutup. - person Tiny   schedule 05.01.2015