Migration to v5 - jQuery #31129

chrisdavies71 · 2020-06-21T08:35:43Z

chrisdavies71
Jun 21, 2020

Hi everyone,

I have been using Bootstrap for years and love it. I have recently started using it in npm projects (used to just use it in Wordpress templates etc).

I am trying to migrate from v4 to v5 and I am getting an error:

Uncaught TypeError: can't access property "hasAttribute", document.body is null

Can someone talk me through step-by-step what the migration process should be as I have clearly done something wrong.

Thanks for any help

Chris

Johann-S · 2020-06-21T09:41:55Z

Johann-S
Jun 21, 2020
Collaborator

Bug reports must include a live demo of the problem. Per our contributing guidelines, please create a reduced test case via CodePen/JS Bin or Stackblitz and report back with your link, Bootstrap version, and specific browser and OS details.

This is an automated reply

0 replies

arcanisgk · 2020-06-22T17:31:27Z

arcanisgk
Jun 22, 2020

as far as I understand V5 does not have jquery ... do you have an example of the code ??

0 replies

rogertm · 2020-09-05T04:45:22Z

rogertm
Sep 5, 2020

I'm having the same issue. I'm writing a WordPress theme and all goes fine, but if I login and surf through the site project, this error comes.
I think this is happening WordPress use jQuery and toolbar is enabled. How can I avoid this error?
At this point I just have include one Bootstrap plugin for testing purposes

import Collapse from '../../../node_modules/bootstrap/js/dist/collapse';

Which is compiled through npm and webpack

Thnx

2 replies

arcanisgk Sep 5, 2020

i think you need add jquery for legacy... and test ..

rogertm Sep 5, 2020

I've enqueue jQuery but the error persists.
The documentation says that: Bootstrap will detect jQuery if jQuery is present in the window object and there is no data-no-jquery attribute set on <body>... And the error in the browser debuger send me to this function:

var getjQuery = function getjQuery() {
	var _window = window,
	    jQuery = _window.jQuery;

	if (jQuery && !document.body.hasAttribute('data-no-jquery')) {
		return jQuery;
	}

	return null;
};

I understend that I have to add some attribute to the <body> tag in the window object, but what or how? That's the point where I'm totally lost.

Thnx

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Bootstrap

Migration to v5 - jQuery #31129

{{title}}

Replies: 3 comments 2 replies

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

Select a reply

Bootstrap

Migration to v5 - jQuery #31129

chrisdavies71 Jun 21, 2020

Replies: 3 comments · 2 replies

Johann-S Jun 21, 2020 Collaborator

arcanisgk Jun 22, 2020

rogertm Sep 5, 2020

arcanisgk Sep 5, 2020

rogertm Sep 5, 2020

chrisdavies71
Jun 21, 2020

Replies: 3 comments 2 replies

Johann-S
Jun 21, 2020
Collaborator

arcanisgk
Jun 22, 2020

rogertm
Sep 5, 2020