Vue Vite Developemt Build Error
- Dominant language
- TypeScript
- Stars
- 6.4k
- Forks
- 527
- PR merge metrics
- No merged PRs in 30d
Description
**Describe the bug**
I am unable to import simplebar 6.0.0 into Vue with vite. Seeing this error:
```
[vite]: Rollup failed to resolve import "@babel/runtime/helpers/esm/slicedToArray" from "/home/livestream/webapps/livestream/frontend/node_modules/simplebar-vue/dist/simplebar-vue.esm.js".
This is most likely unintended because it can break your application at runtime.
If you do want to externalize this module explicitly add it to
`build.rollupOptions.external`
```
**To Reproduce**
Import `simplebar` into a Vue component and it will trigger the error.
| Software | Version(s) |
| ---------------- | ---------- |
| SimpleBar | 6.0.0
| Vite | 4.0.4
| npm/Yarn | Yarn: 1.22.10
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by reproducing the Vue/Vite import described in the issue with SimpleBar 6.0.0, then inspect simplebar-vue/dist/simplebar-vue.esm.js and its @babel/runtime/helpers/esm/slicedToArray import. Done means the simplebar import builds successfully under Vite without the Rollup resolution error.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, vite
- Domain
- build-system, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100