准备一个正常运行 page-ui 的项目

https://github.com/AI-FE/page-ui/tree/main/website

安装依赖包

"dependencies": {
  "@babel/standalone": "^7.25.3", // 转换 react 代码字符串
  "path-browserify": "^1.0.1" // 路径处理
},
"devDependencies": {
  "@types/babel__standalone": "^7.1.7",
  "@types/path-browserify": "^1.0.3"
}

添加代码解析组件

https://github.com/IamLiuLv/compoder/tree/main/artifacts/page-ui-renderer/app/ReactCodeRenderer

配置路由

https://github.com/IamLiuLv/compoder/blob/main/artifacts/page-ui-renderer/app/page.tsx

配置依赖

https://github.com/IamLiuLv/compoder/blob/main/artifacts/page-ui-renderer/app/customRequire.ts