cli方式创建的项目在hbx内置浏览器运行需要哪些条件？

因为想用unocss，就找了几个预置的起手模板，比如：
https://uni-helper.js.org/create-uni
https://vitesse-docs.netlify.app/getting-started/installation
https://github.com/MellowCo/uni-vue3-starter/tree/main
大体都是先pnpm create 拉取项目，再进入项目目录执行pnpm install安装依赖项，可是弄好后却无法在hbx中运行，遇到了各种问题，比如提示缺少编译器，我就按照提示在src目录下执行npm install。
再运行后还是报错

error when starting dev server:
17:18:16.174 Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only URLs with a scheme in: file, data, and node are supported by the default ESM loader. On Windows, absolute paths must be valid file:// URLs. Received protocol 'c:'
17:18:16.175 at throwIfUnsupportedURLScheme (node:internal/modules/esm/load:208:11)
17:18:16.175 at defaultLoad (node:internal/modules/esm/load:103:3)
17:18:16.175 at ModuleLoader.load (node:internal/modules/esm/loader:739:12)
17:18:16.175 at ModuleLoader.loadAndTranslate (node:internal/modules/esm/loader:519:43)
17:18:16.176 at #createModuleJob (node:internal/modules/esm/loader:543:36)
17:18:16.176 at #getJobFromResolveResult (node:internal/modules/esm/loader:312:34)
17:18:16.176 at ModuleLoader.getModuleJobForImport (node:internal/modules/esm/loader:280:41)
17:18:16.176 at async onImport.tracePromise.proto (node:internal/modules/esm/loader:582:25)
17:18:16.293 已停止运行...

各种错误就是没完没了，真不知道前端每过2年就折腾这么些新玩意什么时候是个头，对于我这个小白，实在应付不来，

先在hbx里新建一个vue3版的uni starter，再用pnpm安装unocss，然后项目目录下新建vite.config.ts unocss.config.ts文件，写好配置，最后main.js里import 'uno.css'这种方法也试过，也会报错
Error: The following dependencies are imported but could not be resolved:
17:52:30.168 vue (imported by C:/Users/Ben/Documents/HBuilderProjects/siyi-vue3/main.js)
17:52:30.169 Are they installed?

请问下，我的需求假如是需要一个带unocss引擎的uni starter模板，那么不容易出错的最佳实践是什么？