How to use Svelte component compiled to web-components?

[chrisolsen]

The svelte components compile fine to web-components, but when I try to import the svelte library into an Nx app, it seems to reference the non-compiled svelte file and the app no longer compiles.

Error: libs/svelte-components/src/index.ts:1:15 - error TS2307: Cannot find module './components/sc-input/ScInput.svelte' or its corresponding type declarations.     
                                                                                                                                                                            │
1 export * from "./components/sc-input/ScInput.svelte"; 

The only way I can get things to work is to define the path within the tsconfig.base.json file to point to the dist/libs/svelte-com... directory.

"paths": {
  ...
  "@abgov/svelte-components": ["dist/libs/svelte-components/svelte-components.es.js"]
}

This then works with the web-component rendering in an app, however the svelte lib then becomes disconnected from the nx project, in that I can no longer import other shared nx libraries into it.

Is there a better way to get things working without referencing the dist folder?