Problem with Sapper and Typescript

Can’t seem to get it to work in Sapper/Rollup/Typescript. Build (also dev) hangs forever … Is there some way to debug/see what’s going on?

Config:

   svelte({
        preprocess: [
          sveltePreprocess.typescript(),
          require("svelte-windicss-preprocess").preprocess({
            config: "tailwind.config.js", // tailwind config file path
            compile: true, // false: interpretation mode; true: compilation mode
            prefix: "windi-", // set compilation mode style prefix
            globalPreflight: true, // set preflight style is global or scoped
            globalUtility: true, // set utility style is global or scoped
          }),
        ],

[alexanderniebuhr]

@tommywalkie @ottsch I just found a working way to fix them issue. Just please be kindly and have some more patience. I need to clean everything up, but should be fixed the next days.

[alexanderniebuhr]

This is not a problem of this project it seems that you are not implementing dynamic classes correctly. Please find information here https://svelte.dev/tutorial/classes or here https://flaviocopes.com/svelte-dynamically-apply-css/

It must be either of the ways down here. They are working

<script>
  let bgRed = true;
</script>

<div class="px-1.5 {bgRed ? "bg-red-100" : ""}">
</div>

<script>
  let currentPage = 0;
</script>

<style>
  .selected {
    background-color: #ff3e00;
    color: white;
  }
</style>

<div class="px-1.5" class:selected={currentPage == 0}>
</div>

<script>
  let ishidden = true;
</script>

<div class="px-1.5" class:hidden={ishidden}>
</div>