Impossible to use after deployment to Vercel

[jeanfrancoisgb]

Hi,

The package works well in local, but when I use it in a deployment on Vercel, I get this error:

Error [ERR_REQUIRE_ESM]: require() of ES Module /var/task/node_modules/vue3-carousel/dist/carousel.js from /var/task/api/renderer/main.js not supported.
carousel.js is treated as an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which declares all .js files in that package scope as ES modules.
Instead either rename carousel.js to end in .cjs, change the requiring code to use dynamic import() which is available in all CommonJS modules, or change "type": "module" to "type": "commonjs" in /var/task/node_modules/vue3-carousel/package.json to treat all .js files as CommonJS (using .mjs for all ES modules instead).

I do my imports this way:

import { Carousel, Slide, Pagination, Navigation } from 'vue3-carousel'
import 'vue3-carousel/dist/carousel.css'

I tried the cjs recommandaiton to no result. Any clue on how to get it to work?

Thank you!

[jeanfrancoisgb]

Fixed by importing that way:

import { Carousel, Slide, Pagination, Navigation } from 'vue3-carousel/dist/carousel.es'