Grsmto / Grsmto/simplebar

Vue Vite Developemt Build Error

Open
#640 3 comments 1 reaction 0 assignees View on GitHub
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.