SvelteKit生产构建报错：intl-messageformat无法按命名导出导入

API 探路者

2026-7-10

解决SvelteKit构建时intl-messageformat的CommonJS导入错误

问题根源

intl-messageformat属于CommonJS模块，未提供ES模块规范的命名导出，而你的代码使用了import { IntlMessageFormat } from "intl-messageformat";这种命名导入语法，导致SvelteKit的构建工具（Vite）解析时抛出语法错误。

可行解决方案

1. 切换为默认导入

将原有导入语句替换为默认导入形式，直接使用模块的默认导出：

import IntlMessageFormat from "intl-messageformat";

CommonJS模块的module.exports会被自动映射为ES模块的默认导出，这样就能正常调用IntlMessageFormat类。

2. 配置Vite强制解析为CommonJS模块

如果需要保留命名导入的写法，可在svelte.config.js中配置Vite，指定intl-messageformat按CommonJS规则处理：

import adapter from '@sveltejs/adapter-auto';

/** @type {import('@sveltejs/kit').Config} */
const config = {
    kit: {
        adapter: adapter(),
        vite: {
            ssr: {
                noExternal: ['intl-messageformat']
            },
            optimizeDeps: {
                include: ['intl-messageformat']
            }
        }
    }
};

export default config;

该配置会让Vite在优化依赖和SSR处理时，强制将该模块作为CommonJS解析，避免导出匹配失败。