React JS 尝试导入错误：“./Pathfinder/Pathfinder”不包含默认导出（导入为“Pathfinder”）答案

【问题标题】：React JS Attempted import error: './Pathfinder/Pathfinder' does not contain a default export (imported as 'Pathfinder')React JS 尝试导入错误：“./Pathfinder/Pathfinder”不包含默认导出（导入为“Pathfinder”）
【发布时间】：2020-08-28 22:06:05
【问题描述】：

我已经查看了很多不同的可能解决方法，但我不能。当我编译反应代码时，我收到一个错误，说我需要使用默认导出，即使我通过类导出了它。我试过只导出我调用路径查找器脚本的部分，但这不起作用。

import React from 'react';
import './App.css';
import Pathfinder from './Pathfinder/Pathfinder';

function App() {
  return(
    <div className="App">
      <Pathfinder></Pathfinder>
    </div>
  );
}

export default App;

探路者.js

import React, {Component} from 'react';
import Node from './Node/Node';

import './Pathfinder.css';

function app(){
  return(
    <div>
      <p>

      </p>
    </div>
  );
}

【问题讨论】：

请在.Pathfinder/Pathfinder.js 中使用您的Pathfinder 导出更新您的问题。
您的 Pathfinder.js 根本没有任何导出，但您需要添加类似 export default app; 的内容

标签： javascript reactjs

【解决方案1】：

这里发生了很多有问题的事情，尤其是你有一个app 组件和一个App 组件。但正如您的错误所传达的那样，您没有在 Pathfinder.js 中导出 app 组件。肮脏的修复：

export default function app() {
    // ...
}

不过，至少，我会将函数重命名为 Pathfinder。

【讨论】：