TypeError: Cannot read properties of undefined (reading 'keyboard') - Carousel Component Bootstrap v5.3.3

[jawadmalikdev]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

I am using Vite to bundle the Bootstrap Carousel JavaScript, but it is causing an error in the browser console.

I verified that this issue is not specific to Vite, as it also occurs with the final JavaScript build bundled using Webpack.

To help reproduce the issue, I’ve provided a StackBlitz link with only the Carousel component. Please check the browser console after the page finishes loading to see the reported error:

Uncaught TypeError: can't access property "keyboard", this._config is undefined
    _addEventListeners bootstrap_js_dist_carousel__js.js:992
    Carousel bootstrap_js_dist_carousel__js.js:916

Reduced test cases

I have replicated the issue here : https://stackblitz.com/edit/vitejs-vite-fvpaeypo?file=index.html

What operating system(s) are you seeing the problem on?

macOS

What browser(s) are you seeing the problem on?

Chrome

What version of Bootstrap are you using?

v5.3.3