Vite配置React实验版本别名报错，无法解析依赖

1. 修正tsconfig.json的路径错误 #

首先修复tsconfig.json中@app/react-dom的错误路径，确保指向正确的React-DOM实验版文件夹：

{
  "compilerOptions": {
    // 其他配置...
    "paths": {
      "@app/react": ["./libs/react-experimental"],
      "@app/react-dom": ["./libs/react-dom-experimental"] // 修正此处的错误指向
    }
  }
}

2. 完善Vite别名配置以覆盖内部依赖 #

Vite报错是因为react-dom.development.js内部会导入react-dom-experimental和scheduler-experimental，这些路径没有被别名映射。需要在vite.config.ts中补充这些依赖的别名：

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: [
      // 业务代码中使用的自定义别名
      { find: '@app/react', replacement: './libs/react-experimental' },
      { find: '@app/react-dom', replacement: './libs/react-dom-experimental' },
      // 处理React-DOM内部导入的实验版依赖
      { find: 'react-dom-experimental', replacement: './libs/react-dom-experimental' },
      { find: 'scheduler-experimental', replacement: './libs/scheduler-experimental' }
    ]
  }
});

3. 验证文件夹结构与入口文件 #

确保libs下的实验版包结构正确，每个文件夹包含合法的入口文件（如index.js或官方提供的编译文件）：

libs/
├─ react-experimental/
│  ├─ index.js
│  └─ 其他React实验版文件
├─ react-dom-experimental/
│  ├─ index.js
│  ├─ react-dom.development.js
│  └─ 其他React-DOM实验版文件
└─ scheduler-experimental/
   ├─ index.js
   └─ 其他Scheduler实验版文件

如果某个包没有默认入口，可直接在别名中指定具体文件路径，例如：

{ find: 'react-dom-experimental', replacement: './libs/react-dom-experimental/react-dom.development.js' }

4. 避免依赖冲突 #

确保package.json中未安装同名的实验版依赖，防止Vite优先解析node_modules中的包而非本地libs文件夹内的版本。

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