After installing clientside_validation and the jquery submodule I get the following errors in Chrome console

drupal.js?v=8.4.2:13 Uncaught TypeError: $(...).validate is not a function
at HTMLFormElement. (:17:17)
at Function.each (jquery.min.js?v=3.2.1:2)
at r.fn.init.each (jquery.min.js?v=3.2.1:2)
at Object.attach (:16:31)
at Object.Drupal.attachBehaviors (drupal.js?v=8.4.2:25)
at Drupal.AjaxCommands.insert (ajax.js?v=8.4.2:516)
at Drupal.Ajax.success (ajax.js?p0i6r6:155)
at HTMLScriptElement.bigPipeProcessPlaceholderReplacement (big_pipe.js?v=8.4.2:26)
at Function.each (jquery.min.js?v=3.2.1:2)
at r.fn.init.each (jquery.min.js?v=3.2.1:2)
(anonymous) @ VM1308:17
each @ jquery.min.js?v=3.2.1:2
each @ jquery.min.js?v=3.2.1:2
attach @ VM1308:16
Drupal.attachBehaviors @ drupal.js?v=8.4.2:25
insert @ ajax.js?v=8.4.2:516
Drupal.Ajax.success @ ajax.js?p0i6r6:155
bigPipeProcessPlaceholderReplacement @ big_pipe.js?v=8.4.2:26
each @ jquery.min.js?v=3.2.1:2
each @ jquery.min.js?v=3.2.1:2
bigPipeProcessDocument @ big_pipe.js?v=8.4.2:36
(anonymous) @ big_pipe.js?v=8.4.2:50
setTimeout (async)
Drupal.throwError @ drupal.js?v=8.4.2:12
Drupal.attachBehaviors @ drupal.js?v=8.4.2:27
insert @ ajax.js?v=8.4.2:516
Drupal.Ajax.success @ ajax.js?p0i6r6:155
bigPipeProcessPlaceholderReplacement @ big_pipe.js?v=8.4.2:26
each @ jquery.min.js?v=3.2.1:2
each @ jquery.min.js?v=3.2.1:2
bigPipeProcessDocument @ big_pipe.js?v=8.4.2:36
(anonymous) @ big_pipe.js?v=8.4.2:50
setTimeout (async)
bigPipeProcess @ big_pipe.js?v=8.4.2:49
(anonymous) @ big_pipe.js?v=8.4.2:60
(anonymous) @ big_pipe.js?v=8.4.2:68

Comments

SocialNicheGuru created an issue. See original summary.

nikunjkotecha’s picture

nikunjkotecha
he/him
Primary language Gujarati
Location India, Gujarat, Rajkot
CreditAttribution: nikunjkotecha as a volunteer and at Axelerant commented
Related issues: +#2925654: TypeError
nikunjkotecha’s picture

nikunjkotecha
he/him
Primary language Gujarati
Location India, Gujarat, Rajkot
CreditAttribution: nikunjkotecha as a volunteer and at Axelerant commented
Status: Active » Postponed (maintainer needs more info)

Hi @SocialNicheGuru,

I tried to reproduce issue on fresh D8.4 install with Big Pipe enabled and latest dev version of clientside_validation module but was not able to reproduce the issue you mentioned.

Possible to share info about all the modules used when you faced this error? Also with many issues fixed now in module, can you check once again?

Thanks,
Nikunj

ipwa’s picture

ipwa CreditAttribution: ipwa at manifesto commented

I get this similar error without Big Pipe enabled on Drupal 8.8.5

Uncaught TypeError: $(...).once is not a function
    at cv.jquery.ife.js:8
    at cv.jquery.ife.js:27
mahesh.umarane’s picture

mahesh.umarane CreditAttribution: mahesh.umarane commented
Title: Js errors with clientside_validation and Big Pipe in Drupal8.4.2 » Js errors with clientside_validation and Big Pipe in Drupal8.9.1
Version: 8.x-1.x-dev » 3.0.0-rc4
Priority: Normal » Major

Hi,

I am facing the same issue with Drupal 8.9.1.
I am using BigPipe and clientside_validation modules.
I have a page where three views blocks are embedded and pagination is added.
This is compatibility issue between Clientside Validation and Big Pipe module.

clientside_validation module version : 3.0.0-rc4

nikunjkotecha’s picture

nikunjkotecha
he/him
Primary language Gujarati
Location India, Gujarat, Rajkot
CreditAttribution: nikunjkotecha as a volunteer and commented
Status: Postponed (maintainer needs more info) » Closed (duplicate)
Related issues: +#1988968: Drupal.ajax does not guarantee that "add new JS file to page" commands have finished before calling said JS

Closing as duplicate of https://www.drupal.org/project/drupal/issues/1988968