在Svelte中构建应用时遇到Vite PostCSS模块错误

问题场景 #

使用Svelte项目执行npm run dev命令时，触发Vite内部服务器错误，核心提示为找不到autoprefixer模块，导致PostCSS配置加载失败。

错误信息 #

[vite] Internal server error: Failed to load PostCSS config (searchPath: /Users/Documents/Personal projects): [Failed to load PostCSS config] Failed to load PostCSS config (searchPath: /Users/Documents/Personal projects): [Failed to load PostCSS config] Failed to load PostCSS config (searchPath: /Users/Documents/Personal projects): [Error] Cannot find module 'autoprefixer'

解决方案 #

在项目根目录创建postcss.config.cjs文件，并添加以下配置：

module.exports = {
    autoprefixer: {}
}

内容的提问来源于stack exchange，提问作者Silvinecoder