如何解决 React：“无法编译；./src/App.js”在创建 webapp 时出错

Question

当我启动 React 应用程序时，我在本地主机上遇到以下错误。它突出显示了 36 行“导出默认应用程序；”：

./src/App.js SyntaxError:
C:\Users\Windows\MarketerSearch\marketersearch\src\App.js: Unexpected
token (36:7)

34 |   );

35 | }

36 | export default App;

Visual Studio 显示以下错误：

请找到 app.js

import React from 'react';
import './App.css';
import { client } from './client';

class App extends React.Component {
  state = {
    articles: []    
  }

  componentDidMount() {
    client.getEntries()
      .then((response) => {
        console.log(response)
      })
      .catch(console.error)
  }

  render()  {
    return (
      <div className="App">
        <div className='container'>
          <header>
            <div className='wrapper'>
            <span>React and contentful</span>
            </div>
          </header>
          <main>
            <div className='wrapper'>
            
            </div>
          </main>
        </div>
      </div>
  );
}
export default App;

我无法理解此错误背后的原因。我错过了什么或代码中有什么问题导致无法编译应用程序。

你能帮我解决这个问题吗？

感谢您的帮助。

Answer 1

这是一个语法错误。导出默认值前缺少类 (App) 的右括号