Table of Contents doesn't work with Block Theme. - Support

Resolved Anonymous
2 years, 5 months ago

Rank Math free

Rank Math’s table of content shows “This block has encountered an error and cannot be previewed.” when I try to add it to my post.

Viewing 4 replies - 1 through 4 (of 4 total)

Rank Math business

Hello,

Thank you for contacting Rank Math and sorry for any inconvenience that might have been caused due to that.

Would you please open the browser developer console and check if there are some errors shown there? If yes, please share those with us so that we can debug the issue fully.

Looking forward to hearing back from you.

Anonymous

2 years, 5 months ago

Rank Math free

These are the errors prior adding “Table of Contents”

JQMIGRATE: Migrate is installed, version 3.4.0
frontend.js?ver=1.0.2:11 Uncaught TypeError: Cannot read properties of undefined (reading 'toLowerCase')
    at IBToCBlock.hierarchicalView (frontend.js?ver=1.0.2:11:162)
    at IBToCBlock.init (frontend.js?ver=1.0.2:3:124)
    at new IBToCBlock (frontend.js?ver=1.0.2:2:380)
    at index.js?ver=dcb8b94385425f77068e8db4127ac9c9:1:11593
hierarchicalView @ frontend.js?ver=1.0.2:11
init @ frontend.js?ver=1.0.2:3
IBToCBlock @ frontend.js?ver=1.0.2:2
(anonymous) @ index.js?ver=dcb8b94385425f77068e8db4127ac9c9:1
setTimeout (async)
edit @ index.js?ver=dcb8b94385425f77068e8db4127ac9c9:1
kt @ react-dom.min.js?ver=18.2.0:10
js @ react-dom.min.js?ver=18.2.0:10
kl @ react-dom.min.js?ver=18.2.0:10
yl @ react-dom.min.js?ver=18.2.0:10
vl @ react-dom.min.js?ver=18.2.0:10
ul @ react-dom.min.js?ver=18.2.0:10
v @ react.min.js?ver=18.2.0:10
ce @ react.min.js?ver=18.2.0:10
A.<computed> @ load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.2:11
P @ load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.2:11
E @ load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.2:11
frontend.js?ver=1.0.2:11 Uncaught TypeError: Cannot read properties of undefined (reading 'toLowerCase')
    at IBToCBlock.hierarchicalView (frontend.js?ver=1.0.2:11:162)
    at IBToCBlock.init (frontend.js?ver=1.0.2:3:124)
    at new IBToCBlock (frontend.js?ver=1.0.2:2:380)
    at index.js?ver=dcb8b94385425f77068e8db4127ac9c9:1:11593
hierarchicalView @ frontend.js?ver=1.0.2:11
init @ frontend.js?ver=1.0.2:3
IBToCBlock @ frontend.js?ver=1.0.2:2
(anonymous) @ index.js?ver=dcb8b94385425f77068e8db4127ac9c9:1
setTimeout (async)
edit @ index.js?ver=dcb8b94385425f77068e8db4127ac9c9:1
kt @ react-dom.min.js?ver=18.2.0:10
gr @ react-dom.min.js?ver=18.2.0:10
js @ react-dom.min.js?ver=18.2.0:10
kl @ react-dom.min.js?ver=18.2.0:10
yl @ react-dom.min.js?ver=18.2.0:10
vl @ react-dom.min.js?ver=18.2.0:10
cl @ react-dom.min.js?ver=18.2.0:10
zn @ react-dom.min.js?ver=18.2.0:10
(anonymous) @ react-dom.min.js?ver=18.2.0:10
Sl @ react-dom.min.js?ver=18.2.0:10
ul @ react-dom.min.js?ver=18.2.0:10
v @ react.min.js?ver=18.2.0:10
ce @ react.min.js?ver=18.2.0:10
A.<computed> @ load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.2:11
P @ load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.2:11
E @ load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.2:11
jquery-migrate.min.js?ver=3.4.0:2 JQMIGRATE: Migrate is installed, version 3.4.0
frontend.js?ver=1.0.2:11 Uncaught TypeError: Cannot read properties of undefined (reading 'toLowerCase')
    at IBToCBlock.hierarchicalView (frontend.js?ver=1.0.2:11:162)
    at IBToCBlock.init (frontend.js?ver=1.0.2:3:124)
    at new IBToCBlock (frontend.js?ver=1.0.2:2:380)
    at index.js?ver=dcb8b94385425f77068e8db4127ac9c9:1:11593
h

and these are the error post adding “table of Contents”

JQMIGRATE: Migrate is installed, version 3.4.0
frontend.js?ver=1.0.2:11 Uncaught TypeError: Cannot read properties of undefined (reading 'toLowerCase')
    at IBToCBlock.hierarchicalView (frontend.js?ver=1.0.2:11:162)
    at IBToCBlock.init (frontend.js?ver=1.0.2:3:124)
    at new IBToCBlock (frontend.js?ver=1.0.2:2:380)
    at index.js?ver=dcb8b94385425f77068e8db4127ac9c9:1:11593
hierarchicalView @ frontend.js?ver=1.0.2:11
init @ frontend.js?ver=1.0.2:3
IBToCBlock @ frontend.js?ver=1.0.2:2
(anonymous) @ index.js?ver=dcb8b94385425f77068e8db4127ac9c9:1
setTimeout (async)
edit @ index.js?ver=dcb8b94385425f77068e8db4127ac9c9:1
kt @ react-dom.min.js?ver=18.2.0:10
js @ react-dom.min.js?ver=18.2.0:10
kl @ react-dom.min.js?ver=18.2.0:10
yl @ react-dom.min.js?ver=18.2.0:10
vl @ react-dom.min.js?ver=18.2.0:10
ul @ react-dom.min.js?ver=18.2.0:10
v @ react.min.js?ver=18.2.0:10
ce @ react.min.js?ver=18.2.0:10
A.<computed> @ load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.2:11
P @ load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.2:11
E @ load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.2:11
frontend.js?ver=1.0.2:11 Uncaught TypeError: Cannot read properties of undefined (reading 'toLowerCase')
    at IBToCBlock.hierarchicalView (frontend.js?ver=1.0.2:11:162)
    at IBToCBlock.init (frontend.js?ver=1.0.2:3:124)
    at new IBToCBlock (frontend.js?ver=1.0.2:2:380)
    at index.js?ver=dcb8b94385425f77068e8db4127ac9c9:1:11593
hierarchicalView @ frontend.js?ver=1.0.2:11
init @ frontend.js?ver=1.0.2:3
IBToCBlock @ frontend.js?ver=1.0.2:2
(anonymous) @ index.js?ver=dcb8b94385425f77068e8db4127ac9c9:1
setTimeout (async)
edit @ index.js?ver=dcb8b94385425f77068e8db4127ac9c9:1
kt @ react-dom.min.js?ver=18.2.0:10
gr @ react-dom.min.js?ver=18.2.0:10
js @ react-dom.min.js?ver=18.2.0:10
kl @ react-dom.min.js?ver=18.2.0:10
yl @ react-dom.min.js?ver=18.2.0:10
vl @ react-dom.min.js?ver=18.2.0:10
cl @ react-dom.min.js?ver=18.2.0:10
zn @ react-dom.min.js?ver=18.2.0:10
(anonymous) @ react-dom.min.js?ver=18.2.0:10
Sl @ react-dom.min.js?ver=18.2.0:10
ul @ react-dom.min.js?ver=18.2.0:10
v @ react.min.js?ver=18.2.0:10
ce @ react.min.js?ver=18.2.0:10
A.<computed> @ load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.2:11
P @ load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.2:11
E @ load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.2:11
jquery-migrate.min.js?ver=3.4.0:2 JQMIGRATE: Migrate is installed, version 3.4.0
frontend.js?ver=1.0.2:11 Uncaught TypeError: Cannot read properties of undefined (reading 'toLowerCase')
    at IBToCBlock.hierarchicalView (frontend.js?ver=1.0.2:11:162)
    at IBToCBlock.init (frontend.js?ver=1.0.2:3:124)
    at new IBToCBlock (frontend.js?ver=1.0.2:2:380)
    at index.js?ver=dcb8b94385425f77068e8db4127ac9c9:1:11593
hierarchicalView @ frontend.js?ver=1.0.2:11
init @ frontend.js?ver=1.0.2:3
IBToCBlock @ frontend.js?ver=1.0.2:2
(anonymous) @ index.js?ver=dcb8b94385425f77068e8db4127ac9c9:1
setTimeout (async)
edit @ index.js?ver=dcb8b94385425f77068e8db4127ac9c9:1
kt @ react-dom.min.js?ver=18.2.0:10
gr @ react-dom.min.js?ver=18.2.0:10
js @ react-dom.min.js?ver=18.2.0:10
kl @ react-dom.min.js?ver=18.2.0:10
yl @ react-dom.min.js?ver=18.2.0:10
vl @ react-dom.min.js?ver=18.2.0:10
ul @ react-dom.min.js?ver=18.2.0:10
v @ react.min.js?ver=18.2.0:10
ce @ react.min.js?ver=18.2.0:10
A.<computed> @ load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.2:11
P @ load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.2:11
E @ load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.2:11
frontend.js?ver=1.0.2:11 Uncaught TypeError: Cannot read properties of undefined (reading 'toLowerCase')
    at IBToCBlock.hierarchicalView (frontend.js?ver=1.0.2:11:162)
    at IBToCBlock.init (frontend.js?ver=1.0.2:3:124)
    at new IBToCBlock (frontend.js?ver=1.0.2:2:380)
    at index.js?ver=dcb8b94385425f77068e8db4127ac9c9:1:11593
hierarchicalView @ frontend.js?ver=1.0.2:11
init @ frontend.js?ver=1.0.2:3
IBToCBlock @ frontend.js?ver=1.0.2:2
(anonymous) @ index.js?ver=dcb8b94385425f77068e8db4127ac9c9:1
setTimeout (async)
edit @ index.js?ver=dcb8b94385425f77068e8db4127ac9c9:1
kt @ react-dom.min.js?ver=18.2.0:10
gr @ react-dom.min.js?ver=18.2.0:10
js @ react-dom.min.js?ver=18.2.0:10
kl @ react-dom.min.js?ver=18.2.0:10
yl @ react-dom.min.js?ver=18.2.0:10
vl @ react-dom.min.js?ver=18.2.0:10
cl @ react-dom.min.js?ver=18.2.0:10
zn @ react-dom.min.js?ver=18.2.0:10
(anonymous) @ react-dom.min.js?ver=18.2.0:10
setTimeout (async)
v @ compose.min.js?ver=7d5916e3b2ef0ea01400:9
g @ compose.min.js?ver=7d5916e3b2ef0ea01400:9
setTimeout (async)
v @ compose.min.js?ver=7d5916e3b2ef0ea01400:9
h @ compose.min.js?ver=7d5916e3b2ef0ea01400:9
x @ compose.min.js?ver=7d5916e3b2ef0ea01400:9
(anonymous) @ block-editor.min.js?ver=ed2b2aa3837336baf00f:26
react-dom.min.js?ver=18.2.0:10 Error: Minified React error #130; visit https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=undefined&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at Rl (react-dom.min.js?ver=18.2.0:10:96126)
    at e (react-dom.min.js?ver=18.2.0:10:45695)
    at cr (react-dom.min.js?ver=18.2.0:10:54780)
    at js (react-dom.min.js?ver=18.2.0:10:122559)
    at kl (react-dom.min.js?ver=18.2.0:10:88654)
    at yl (react-dom.min.js?ver=18.2.0:10:88582)
    at vl (react-dom.min.js?ver=18.2.0:10:88445)
    at ol (react-dom.min.js?ver=18.2.0:10:85269)
    at cl (react-dom.min.js?ver=18.2.0:10:85656)
    at zn (react-dom.min.js?ver=18.2.0:10:32470)
l

Jeremy

2 years, 5 months ago

Hello,

There isn’t seem to be any error coming from Rank Math.

In this case, please check if there are other plugins or your currently active theme that are currently causing a conflict with our Table of Contents Block. To determine that, please refer to this guide: https://rankmath.com/kb/check-plugin-conflicts/

Only the site admin would know and your users won’t be affected by this troubleshooting.

If the issue persists, we might need to take a closer look at the settings. Please edit the first post on this ticket and include your WordPress & FTP logins in the designated Sensitive Data section.

Please do take a complete backup of your website before sharing the information with us.
Sensitive Data Section

It is completely secure and only our support staff has access to that section. If you want, you can use the below plugin to generate a temporary login URL to your website and share that with us instead:

https://wordpress.org/plugins/temporary-login-without-password/

You can use the above plugin in conjunction with the WP Security Audit Log to monitor what changes our staff might make on your website (if any):

https://wordpress.org/plugins/wp-security-audit-log/

We really look forward to helping you.

Anonymous

2 years, 4 months ago

Rank Math free

Hello,

I have updated the sensitive data as requested. Can you please check further?

Thank you.

RankBot

2 years, 4 months ago

Hello,

Since we did not hear back from you for 15 days, we are assuming that you found the solution. We are closing this support ticket.

If you still need assistance or any other help, please feel free to open a new support ticket, and we will be more than happy to assist.

Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)

The ticket ‘Table of Contents doesn’t work with Block Theme.’ is closed to new replies.