由于在React JS中找不到文件，因此无法编译

Question

我不明白为什么React JS给我这个错误：

./src/index.js
Cannot find file: 'App.js' does not match the corresponding name on disk: 
'.\src\app.js'.

我添加了导出/导入。

这是我的App.js文件：

import React from "react";
import { Router, Switch, Route } from "react-router-dom";
import Login from "./components/login.component";

import "./App.css";

class App extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <Router>
                <div>
                    <Switch>
                        <Route path="/" component={Login} />
                        <Route path="/login" component={Login} />
                    </Switch>
                </div>
            </Router>
        );
    }
}

export default App;

这是我的index.js：

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

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

这是我的文件的布局。

谢谢

Answer 1

您必须将App.js文件重命名为app.js