简单React JS项目无法启动运行，附代码配置求排查解决

问题1：启动命令使用错误 #

你当前执行的start index.js、start App.js不是正确的React项目启动命令，这类命令只会触发系统默认程序打开对应JS文件，不会启动开发服务器。
基于你提供的package.json配置，正确的启动命令为：

npm start
# 若使用yarn包管理则执行
yarn start

问题2：App.js代码存在语法错误 #

文件开头多了一行export default App;，此时App变量还未完成定义，会触发引用报错。
修复后的App.js代码：

const App = () => {
    return (
        <div className="container">
            <h1>Hello World</h1>
        </div>
    )
}

export default App

问题3：index.js代码存在多处错误 #

1. ReactDOM导入语法错误，未加引号，导入方式也不符合规范
2. 如果是用官方create-react-app初始化的项目，public/index.html里默认挂载节点的id为root，你代码中检索的app节点不存在
   修复后的index.js代码：

import ReactDOM from 'react-dom'
import App from './App'

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

后续操作 #

完成以上修改后，在项目根目录执行npm start，等待终端提示编译完成后，访问localhost:3000或者127.0.0.1:3000即可查看效果。注意你之前输入的127.0.0.0:3000是无效IP，无法正常访问。

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