拉取react-admin Demo执行npm run dev报错：无法加载vite.config.ts

报错信息 #

C:\Users\92311\Videos\demo>npm run dev
> demo@4.0.0 dev
> vite

failed to load config from C:\Users\92311\Videos\demo\vite.config.ts
error when starting dev server:
Error: ENOENT: no such file or directory, scandir 'C:\Users\92311\packages'
    at Object.readdirSync (node:fs:1072:3)
    at Object.<anonymous> (C:\Users\92311\Videos\demo\vite.config.ts:37:34)
    at Module._compile (node:internal/modules/cjs/loader:1108:14)
    at Object._require.extensions.<computed> [as .js] (file:///C:/Users/92311/Videos/demo/node_modules/vite/dist/node/chunks/dep-5605cfa4.js:63154:24)
    at Module.load (node:internal/modules/cjs/loader:988:32)
    at Function.Module._load (node:internal/modules/cjs/loader:828:14)
    at Module.require (node:internal/modules/cjs/loader:1012:19)
    at require (node:internal/modules/cjs/helpers:93:18)
    at loadConfigFromBundledFile (file:///C:/Users/92311/Videos/demo/node_modules/vite/dist/node/chunks/dep-5605cfa4.js:63162:21)
    at loadConfigFromFile (file:///C:/Users/92311/Videos/demo/node_modules/vite/dist/node/chunks/dep-5605cfa4.js:63020:34)

问题原因 #

你单独拉取的React Admin Demo是官方仓库monorepo结构中的子项目，它的vite.config.ts配置依赖仓库根目录的packages文件夹（存放react-admin核心包源码）。单独提取Demo后，配置里的相对路径错误指向了用户目录下的packages，而该目录不存在，导致启动失败。

解决办法 #

方法1：完整克隆React Admin仓库运行Demo #

官方Demo是monorepo的一部分，需要完整克隆仓库才能正常运行：

• 删除当前的demo文件夹
• 克隆整个仓库：

  git clone https://github.com/marmelab/react-admin.git
  

• 进入仓库根目录安装依赖：

  cd react-admin
  npm install
  

• 进入Demo目录启动项目：

  cd examples/demo
  npm run dev
  

方法2：修改vite.config.ts配置，改用npm包依赖 #

如果想保留当前的Demo文件夹，需要修改配置，放弃本地源码依赖，改用npm安装的react-admin包：

1. 打开vite.config.ts，定位到第37行（报错指向的代码），找到读取packages目录的逻辑（类似fs.readdirSync(path.resolve(__dirname, '../../packages'))）
2. 删除或注释掉这段读取本地packages的代码，替换为直接使用node_modules中的react-admin包
3. 确保已安装react-admin依赖：

   npm install react-admin
   

4. 重新运行npm run dev

方法3：使用官方初始化命令创建独立Demo #

如果只是想快速启动一个可运行的react-admin项目，推荐使用官方初始化工具：

npx create-react-admin-app my-demo
cd my-demo
npm run dev

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