React项目执行npm start报错：Cannot find file: index.js

核心问题定位 #

你的index.js中ReactDOM的导入语句存在大小写错误：

import ReactDOM from 'react-DOM' // 错误写法，包名区分大小写

Node.js模块系统对包名大小写敏感，正确的包名是全小写的react-dom，这个错误会导致模块解析失败，进而触发误导性的"Cannot find file: index.js"报错。

修正后的index.js代码 #

import React from 'react'
import ReactDOM from 'react-dom' // 修正为正确的包名
import App from './App'
import './index.css'

ReactDOM.render(<App />, document.getElementById("root"))

额外检查项（若修正后仍有问题） #

• 确认文件层级：index.js需与App.js、package.json、node_modules处于同一项目根目录下，public文件夹内的index.html必须包含<div id="root"></div>元素。
• 验证package.json配置：确保scripts中的start命令为"start": "react-scripts start"（基于create-react-app的项目）。
• 临时排除样式文件干扰：若index.css不存在，可暂时注释掉import './index.css'语句，测试项目是否能正常启动。

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