search

jamespatrickgibson / union

A design system boilerplate for Svelte & CSS
http://www.designwithunion.com
2 stars 2 forks source link

<Navigation> fails in sapper #35

Open peterbsmyth opened 4 years ago

peterbsmyth commented 4 years ago

error:

<Navigation> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules
jamespatrickgibson commented 4 years ago

I might have to update how I build out the package to include the source files as well. This is mentioned in the official component template: https://github.com/sveltejs/component-template#consuming-components

Your package.json has a "svelte" field pointing to src/index.js, which allows Svelte apps to import the source code directly, if they are using a bundler plugin like rollup-plugin-svelte or svelte-loader (where resolve.mainFields in your webpack config includes "svelte"). This is recommended.

For everyone else, npm run build will bundle your component's source code into a plain JavaScript module (dist/index.mjs) and a UMD script (dist/index.js). This will happen automatically when you publish your component to npm, courtesy of the prepublishOnly hook in package.json.