Not working anymore after changed from svelte-kit dev to vite dev

[stinger5]

Hi,

after I updated my sveltekit project, I have to switch from sveltekit dev to vite dev, since it is no longer available.
In my sveltekit project I use a simple piechart and importing this way:

import { PieChart } from "@carbon/charts-svelte";

When run my project in dev mode, the carbon charts works, but when running a build I got an error:

import { PieChart } from "@carbon/charts";
^^^^^^^^
SyntaxError: Named export 'PieChart' not found. The requested module '@carbon/charts' is a CommonJS module, which may not support all module.exports as named exports.
CommonJS modules can always be imported via the default export, for example using:

import pkg from '@carbon/charts';
const { PieChart } = pkg;

This is my vite.config.js file:

import { sveltekit } from '@sveltejs/kit/vite';
/** @type {import('vite').UserConfig} */
const config = {
plugins: [sveltekit()],
optimizeDeps: { include: ['@carbon/charts'] },
};
export default config;

Any idea why it is not working anymore?

[stinger5]

Okay, I solved it myself.
First, I forgot to tell vite to avoid externalizing "@carbon/charts" when building for production. Second, I added also "carbon-components" to this section. After I added this to my vite.config.js, it builds successful:
ssr: {
noExternal: [
production && '@carbon/charts',
production && 'carbon-components'
].filter(Boolean),
}
Hope it helps for others :)