Nuxt3中@modyfi/vite-plugin-yaml无法在JS文件导入YAML的问题求助

问题核心在于Nuxt3的服务端渲染（Nitro）流程差异：Vue组件会经过Vite处理，因此你配置的@modyfi/vite-plugin-yaml能正常解析YAML；但独立JS文件若属于服务端代码范畴（比如server目录、或被Nitro打包的后端逻辑文件），会由Nitro的Rollup单独处理，而你之前仅在Vite插件中配置了YAML解析，导致Rollup无法识别YAML文件。

修复步骤 #

修改nuxt.config.ts，将YAML插件同时添加到Nitro的Rollup配置中：

import ViteYaml from "@modyfi/vite-plugin-yaml";

export default defineNuxtConfig({
  vite: {
    plugins: [ViteYaml()],
  },
  nitro: {
    rollupConfig: {
      plugins: [ViteYaml()],
    },
  },
});

配置完成后，无论是客户端的Vue组件，还是服务端的JS文件，都会经过对应的构建工具处理，YAML文件就能被正确解析导入。

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