Javascript Error with basket-mini.js

[robert63]

Upgrading from Typo3 11.5.34 to 12.4.20.
Aimeos from 22.10.9 to 23.10.3
Aimeos_dist 22.10.1 to 23.7.1.
php is 8.3 on both
Linux is Ubuntu 20.04.6 LTS

Now I have a Javascript reference error in line 130 of basket-mini.js. Can't find variable: $
$(function() {
AimeosBasketMini.init();
});
The mini basket is not working due to this.

Best regards

Robert

[robert63]

Adding
page {
includeJS {
cashDom = https://unpkg.com/cash-dom/dist/cash.min.js
cashDom.external = 1
}
}
into Setup solves the problem.

But why is this necessary?

[aimeos]

You should include the app.js of the theme which contains cash-dom and the Bootstrap JS:
https://github.com/aimeos/ai-client-htm ... ult/app.js

[robert63]

I cannot find in the documentation and also have trouble to figure out how to include the app.js correctly. Maybe you can give a hint.

[aimeos]

Did you use the page tree to create the necessary pages?
https://github.com/aimeos/aimeos-typo3#page-setup

[robert63]

Since I updated from an older version I didn't import a new web tree. I still have the one from 22.10.9.
What is the difference between these?

[aimeos]

The CSS/JS files have been spit into one file per plugin for best performance. You must remove and re-add the TypoScript from the Aimeos extension in the shop root page to update your TypoScript settings.

[robert63]

Thanks. Found everything and now it is working as expected.