React项目执行npm start报错：找不到public目录下的index.html文件

错误原因 #

该报错由create-react-app默认启动逻辑触发：运行npm start时框架会自动检索项目根目录下public文件夹内的index.html作为入口模板，你当前项目中该文件丢失或路径不匹配。

解决方案 #

• 第一步先进入路径D:\react\react-sidebar-v1\，确认public文件夹是否存在，若文件夹被误删直接新建同名文件夹即可。
• 若public文件夹存在，检查内部是否有index.html文件，文件丢失的话直接在该路径下新建index.html，填入标准模板内容：

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta name="description" content="React项目页面" />
    <title>React App</title>
  </head>
  <body>
    <noscript>请启用浏览器JavaScript权限后访问</noscript>
    <div id="root"></div>
  </body>
</html>

• 若确认文件路径和内容都正常仍报错，检查项目根目录下是否有自定义.env配置文件修改了PUBLIC_URL等环境变量，或者是否手动修改过react-scripts的默认入口配置，恢复默认配置即可。
• 所有调整完成后重新运行npm start即可正常启动项目。

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