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 。