语法错误：标识符“App”已声明 (11:7) 未发布在文件中的其他位置

Question

我正在运行 npm 来测试看看哪些内容对我一直在做的学校项目有效。我收到此错误，并在找到“应用程序”一词的所有地方都注释掉了。

这是错误：

Syntax error: Identifier 'App' has already been declared (11:7)

   9 | import { BrowserRouter as Router, Route, Link } from 'react-router-dom';
  10 | 
> 11 | const App = () => (
     |       ^
  12 |     <Router>
  13 |         <div>
  14 |             <ul>

以下是文件列表中关联的代码：

import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import About from './screens/About';
import Characters from './screens/Characters';
import Home from './screens/Home';
import { BrowserRouter as Router, Route, Link } from 'react-router-dom';

const App = () => (
    <Router>
        <div>
            <ul>
                <li>
                    <Link to='/'>Home</Link>
                </li>
                <li>
                    <Link to='/about'>About</Link>
                </li>
                <li>
                    <Link to='/characters'>Characters</Link>
                </li>
            </ul>

            <hr />

            <Route exact path="/" component={Home} />
            <Route path="/about" component={About} />
            <Route path="/characters" component={Characters} />
        </div>
    </Router>
);

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

我不知道还能尝试什么。

我有一个名为 app 的类并将其注释掉，我不确定名为 app 的标识符可能位于我的项目中的其他位置。

Answer 1

标识符App已经在这一行声明：import App from './App'; 我建议更改函数的名称，例如：

const MyApp = () => (
   ...
);

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

（函数的名称由你决定）