先说明核心原理： Vue 的插槽本质是，React 没有原生slot下面统一封装一个Card卡片组件，完整覆盖三种插槽。

前端浏览器项目：直接用原生fetch，不要装 node-fetchNode 18+ 后端项目：使用 Node 内置全局 fetch，移除 node-fetch 依赖Node 16 及更低版本老项目：继续使用 node-fetch 做网络请求两者调用语法、Request/Response 规范完全一致，仅运行环境和底层限制不同，迁移成本极低。

每次启动ngrok,分配给我们的是变化的，使用这个命令启动就可以创建一个不变的域名，同时vite.config.ts中也要添加这个域名。这是由于第一次访问，没有信任感，点下visit site就可以了。到.exe所在文件下执行这个命令，要带上自己的token。这是由于vite的限制呢 ,Vite 项目里，有个。准备内网穿透，将自己的本地服务ip端口替换成示例的。，防止非法域名的访问，保障开发环境安

Ai工具：https://sofindai.com/categoriesskill市场：https://agentskill.sh/?utm_source=sofindai.com

场景推荐方案优势非路由组件（如标签）父组件状态缓存简单直观，无需额外依赖路由组件（简单需求）React Router + 自定义缓存容器灵活控制缓存逻辑，无第三方依赖路由组件（复杂需求）第三方库成熟稳定，支持钩子、手动清缓存等功能注意：缓存组件会占用内存，需避免缓存过多组件；若组件依赖外部数据（如接口），需在 “激活” 时重新校验数据有效性（如通过onActivate钩子刷新）。

Babel：语法降级 + JSX/TS 转换。Loader：文件级别的预处理（调用 Babel 等工具）。Plugin：打包过程的全局优化（如代码分割）。框架文件转换Vue →vue-loader。React →。ts-loader或 Babel TypeScript 插件。

使用useEffect：通过useEffect钩子监听状态变化，并在状态更新后执行一些操作。在回调函数中访问新状态：在setXXX的回调函数中直接处理新的状态值。这两种方法都可以帮助你在状态更新后正确地访问到最新的状态值。选择哪种方法取决于你的具体需求和代码结构。对于大多数情况，使用useEffect是更常见和推荐的做法。

使用vscode的修复工具修复后保存，不会出现再次同样的问题。如何彻底修复：ctrl + ，在跳出的弹框里搜索。但是保存后还是和第一张图一样。使用vscode的修复工具。

项目结构很奇怪啊，没找到.html文件，只在src/app/layout.tsx中找到了个html标签，也没找到page.tsx和layout.tsx的依赖关系，而且在page.tsx中有个main标签。之前是用的creact-react-app来创建的：npx create-react-app my-app。但现在却使用了creact-next-app:npx create-next-app。这

从你给出的错误信息可知，在部署 WSL2 发行版时碰到问题，具体是当前计算机配置不支持 WSL2，这通常是由于未启用 “虚拟机平台” 可选组件或者在 BIOS 里未开启虚拟化功能所导致的。