PrimeFaces CSS look’n’feel missing and JS “Uncaught Reference Error: PrimeFaces is not defined”

by

PrimeFaces will auto-include the necessary JS/CSS resources in <h:head>.

However, you don’t have that tag. You’ve there a “plain HTML” <head>. Fix it accordingly:

<html>
    <h:head>
        ...
    </h:head>
    <h:body>
        ...
    </h:body>
</html>

This mistake should also have been logged in the server log as below:

One or more resources has the target of ‘head’ but not ‘head’ component has been defined within the view

See also How to include another XHTML in XHTML using JSF 2.0 Facelets? and When to use <ui:include>, tag files, composite components and/or custom components? for various correct examples of authoring JSF/Facelets pages.

Unrelated to the concrete problem: PrimeFaces as being a jQuery based JSF component library already ships with jQuery and jQuery UI bundled. You should remove the manually included scripts from your page to avoid conflicts. See also Adding jQuery to PrimeFaces results in Uncaught TypeError over all place.

Take immediately the opportunity to replace that verbose <link> by a <h:outputStylesheet>. See also How to reference CSS / JS / image resource in Facelets template?

More Related Contents:

  1. Understanding PrimeFaces process/update and JSF f:ajax execute/render attributes
  2. How to use PrimeFaces p:fileUpload? Listener method is never invoked or UploadedFile is null / throws an error / not usable
  3. Real time updates from database using JSF/Java EE
  4. p:commandbutton action doesn’t work inside p:dialog
  5. How do PrimeFaces Selectors as in update=”@(.myClass)” work?
  6. Showing Hibernate/JPA results in JSF datatable causes: java.lang.NumberFormatException: For input string: “[propertyname]”
  7. File upload doesn’t work with AJAX in PrimeFaces 4.0/JSF 2.2.x – javax.servlet.ServletException: The request content-type is not a multipart/form-data
  8. How to use with DefaultStreamedContent in an ui:repeat?
  9. @SessionScoped bean looses scope and gets recreated all the time, fields become null
  10. PrimeFaces validator not fired
  11. How to do double-click prevention in JSF
  12. How to bind dynamic content using ?
  13. Difference between rendered and visible attributes of
  14. PrimeFaces CSS skin not showing in login page, also JavaScript undefined errors
  15. Using a “Please select” f:selectItem with null/empty value inside a p:selectOneMenu
  16. Creating master-detail table and dialog, how to reuse same dialog for create and edit
  17. What is the function of @this exactly?
  18. p:dataExporter does not recognize p:cellEditor
  19. Customize primefaces chart
  20. PrimeFaces commandButton doesn’t navigate or update
  21. How to use EL in PrimeFaces oncomplete attribute which is updated during action method
  22. How do UISelectOne and UISelectMany components preselect defaults in f:selectItems
  23. Updating entire on complete of
  24. Reset input fields without executing validation
  25. How to use java.time.ZonedDateTime / LocalDateTime in p:calendar
  26. Primefaces valueChangeListener or
  27. Calling Primefaces dialog box from Managed Bean function
  28. Remove all styling from Primefaces components?
  29. LazyInitializationException in selectManyCheckbox on @ManyToMany(fetch=LAZY)
  30. JSF resource versioning

Leave a Comment