carbon-preprocess-svelte icon indicating copy to clipboard operation
carbon-preprocess-svelte copied to clipboard

optimizeCarbonImports breaks sveltekit hydration

Open alpap opened this issue 2 years ago • 0 comments

I tried to port my app from routify to sveltekit, and I noticed that when I add optimizeCarbonImports in the preprocess sectionm of my config the componenets would not hydrate in production but still work normally in local development

/** @type {import('@sveltejs/kit').Config} */
import { icons, optimizeCss, elements, optimizeCarbonImports } from 'carbon-preprocess-svelte'
import vercel from '@sveltejs/adapter-vercel'

const config = {
  preprocess: [optimizeCarbonImports(),elements(), icons()],
  kit: {
    target: '#svelte',
    ssr: false,
    trailingSlash: 'never',
    vite: {
      plugins: [optimizeCss()],
    },
    adapter: vercel(),
    prerender: {
      enabled: false,
    },
  },
}

export default config

alpap avatar Nov 05 '21 10:11 alpap