名字写对、包导错,这种 bug 最阴!AI 写的 React 代码导入全错?一个 10 行小文件当场抓包
AI 生成的 React 功能常把 createPortal 这类 API 从错的包导入,看着能跑其实埋雷,作者用一个 TypeScript 小检查文件把它揪出来。
大白话现在很多人让 AI 写 React 代码,AI 经常把 API 名字写对、但导入的包搞错,比如 createPortal 本该来自 react-dom,它却写成从 react 导入。这种错很隐蔽,编译时不一定报,跑起来才炸。作者的办法很土但很有效:建一个只做导入、不渲染任何东西的小文件,把功能要用的 API 全列进去,再配一个只检查这个文件的 tsconfig,跑一次 tsc。然后故意写错一处,确认它真的会报错,证明这个检查确实在干活。
对你意味着如果你平时用 Cursor、Copilot 这类工具写 React,这套检查能当提交前的验收条件,省掉一堆莫名其妙的运行时 bug。
原文:Catch Invented React Imports with a Small TypeScript Check
打开巨象雷达,看今天全部 AI 动态