使用npx create-react-app创建非TS项目启动报错：找不到typescript/package.json

这问题我之前帮人排查过类似的，咱们一步步来理清楚：

问题重现 #

你用npx create-react-app创建了非TypeScript的React项目，但执行npm start时遇到ESLint报错：

ERROR in [eslint] Failed to load plugin 'import' declared in 'package.json » eslint-config-react-app': Cannot find module 'typescript/package.json'
Require stack:

• C:\Users\USER\Desktop\bitcamp-homework_1\homework1\node_modules\eslint-plugin-import\lib\rules\no-duplicates.js
• C:\Users\USER\Desktop\bitcamp-homework_1\homework1\node_modules\eslint-plugin-import\lib\index.js
• C:\Users\USER\Desktop\bitcamp-homework_1\homework1\node_modules@eslint\eslintrc\dist\eslintrc.cjs

你试过重新安装依赖但没解决，偶尔项目能正常运行，后来排查发现是目录嵌套问题（文件嵌套在文件中）。

问题根源 #

错误的目录结构（比如把项目文件直接嵌套在另一个文件里，而非标准的文件夹层级）会打乱ESLint和Node.js的路径解析逻辑。虽然你没使用TypeScript，但eslint-plugin-import在解析项目路径时，会因为层级混乱误触发TypeScript相关的规则检测，导致它去寻找不存在的typescript/package.json文件。

解决方法 #

1. 修复目录结构
   先检查你的项目目录：确保React项目的根目录（比如homework1）下直接存放package.json、src、public这些核心文件/文件夹，不要把整个项目嵌套在非文件夹的文件层级里。正确的结构示例：

   bitcamp-homework_1/
   └── homework1/
       ├── package.json
       ├── src/
       ├── public/
       └── node_modules/
   

2. 清理并重新安装依赖
   修复目录后，执行以下步骤确保依赖正常：

   • 删除项目根目录下的node_modules文件夹和package-lock.json文件
   • 打开终端进入项目根目录，运行npm install重新安装依赖
   • 最后执行npm start启动项目，应该就能正常运行了

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