ohni
LiveSvelte Importing Modules when using typescript: Transition is not defined
Hi guys,
I’ve been trying to use LiveSvelte but for some reason when I use lang=“ts” it says that Transition is not defined. But when I remove the lang=“ts”, it can find seem to find it and everything works fine. The weird thing is, it has no problem with svelte-headlessui. I used npm install --save-dev typescript inside the assets folder.
import {createDisclosure} from 'svelte-headlessui'
import {createMenu} from 'svelte-headlessui'
import Transition from 'svelte-transition'
any pointers?
Marked As Solved
ohni
you need to add “verbatimModuleSyntax”: true in your tsconfig.json. That resolved it for me
{
"compilerOptions": {
"types": ["node"],
"baseUrl": ".",
"paths": {
"$lib": ["svelte"],
"$lib/*": ["svelte/*"]
},
"verbatimModuleSyntax": true
}
}
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Error tracking, logs, APM, uptime and cron monitoring in one dev-friendly platform. Find and fix problems before your users notice.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #elixirconf-us
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #metaprogramming
- #security
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Producing high quality Elixir screencasts since 2017.
Enabling companies to succeed by building software people love.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"