question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

superfluous build warning with transitions and easing

See original GitHub issue

Describe the bug I have several components with code like:

<script>
  import { fly } from 'svelte/transition';
  import { sineIn, sineOut } from 'svelte/easing';
</script>

<tr in:fly|local={{ easing: sineIn }} out:fly|local={{ easing: sineOut }}>
...
</tr>

When I do npm run build, I get the following superfluous warning:

transforming...
✓ 126 modules transformed.
'fade', 'fly' and 'slide' are imported from external module 'svelte/transition' but never used
'sineIn' and 'sineOut' are imported from external module 'svelte/easing' but never used

I don’t know if this is an issue with Vite, Svelte, or SvelteKit. I haven’t seen it reported for Vite or Svelte, so I’m assuming it only happens with SvelteKit.

Expected behavior No superfluous warnings.

Severity Minor. Everything builds fine. It would just be nice to make the warnings accurate.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:3
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

4reactions
mcmxcdevcommented, May 2, 2021

I can confirm this, experiencing the same.

0reactions
kamholzcommented, Aug 22, 2021

Yes, I believe this was fixed in Vite at some point.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Angular 14 unnecessarily warning about not animatable ...
Description. It seems Angular 14 is warning about the presence of not animatable style attributes in a transition() call whether or not the ......
Read more >
Don't Forget About "transition: all" - Impressive Webs
So the transition property allows you to comma-separate different properties to be transitioned. But assuming you want the same duration and ...
Read more >
An Interactive Guide to CSS Transitions - Josh W Comeau
This comprehensive guide shows how to use CSS transitions! A back-to-basics look at the fundamental building blocks we need to create ...
Read more >
Docs • Svelte
Complete documentation for Svelte.
Read more >
Enter/Leave & List Transitions - Vue.js
v-enter-active : Active state for enter. Applied during the entire entering phase. Added before element is inserted, removed when transition/animation finishes.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found