无法导入@yaml-js/vite？按文档操作后遇包入口解析错误

快速修复方案（推荐换用成熟插件） #

• 卸载有问题的包：

  yarn remove -D @yaml-js/vite
  

• 安装替代的YAML处理插件：

  yarn add -D vite-plugin-yaml
  

• 修改vite.config.ts配置：

  import { defineConfig } from 'vite'
  import react from '@vitejs/plugin-react'
  import yaml from 'vite-plugin-yaml'
  
  export default defineConfig({
    plugins: [react(), yaml()],
  })
  

• 重新启动开发服务：

  yarn run dev
  

  此时YAML文件的导入逻辑应该能正常工作。

问题根源 #

报错提示的核心原因是@yaml-js/vite包的package.json未正确配置main、module或exports字段，导致Vite的externalize-deps插件无法定位包的入口文件，即使完全按照官方文档操作也无法加载该插件。

可选手动修复（不推荐） #

如果一定要使用@yaml-js/vite，可以临时修改包的配置文件：

1. 打开node_modules/@yaml-js/vite/package.json
2. 添加正确的入口字段，示例：

   {
     "main": "dist/index.js",
     "module": "dist/index.mjs",
     "exports": {
       ".": {
         "require": "./dist/index.js",
         "import": "./dist/index.mjs"
       }
     }
   }
   

注意：这种修改会在包重新安装后失效，仅适合临时测试场景。

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