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

Question

我已经查看了许多不同的可能修复方法，但我不能。 当我编译 react 代码时，我收到一条错误消息，提示我需要使用默认导出，即使我是通过类导出的。 我试过只导出我调用路径查找器脚本的部分，但这是行不通的。

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>
  );
}

Answer 1

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

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

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