./src/index.js 尝试导入错误：“./App.js”不包含默认导出（导入为“App”）

Posted 2023-02-22

【中文标题】./src/index.js 尝试导入错误：“./App.js”不包含默认导出（导入为“App”）

【英文标题】：./src/index.js Attempted import error: './App.js' does not contain a default export (imported as 'App')

【发布时间】：2019-11-08 10:03:37

【问题描述】：

下面是 index.js 代码。以下错误 ./src/index.js 尝试导入错误：“./App.js”不包含默认导出（导入为“App”） 如何解决？

【问题讨论】：

请出示您的代码

【参考方案1】：

我猜你的代码是这样的，因为我看不到你的代码，所以我附上了我的代码。请参阅代码的最后一行，如前所述，在代码中添加导出默认应用程序行，然后你就可以了我相信。

import React from 'react';
import logo from './logo.svg';
import './App.css';

function App() 
  return (
    <div className="App">
      <header className="App-header">
        <img src=logo className="App-logo"  />
        <p>Edit <code>src/App.js</code> and save to reload.</p>
        <a className="App-link"href="https://reactjs.org"target="_blank"rel="noopener noreferrer" >
          Learn React
        </a>
      </header>
    </div>
  );

export default App;

【讨论】：

如果你要切换到 react hooks，我认为你不需要export default App;。我有这个问题，但不应该有export default App;。

【参考方案2】：

在“App.js”文件的底部，添加这一行：

export default App;