由于某種原因它找不到我的 navbar.js 檔案，但它在那里！？任何幫助表示贊賞只是不斷顯示 -
Compiled with problems:X
ERROR in ./src/App.js 5:0-41
Module not found: Error: Can't resolve './components/navbar' in 'C:\Users\ekrus\OneDrive\Desktop\honeycomb\honeycomb\client\src'
navbar.js 檔案：
import React from 'React';
import ReactDOM from 'react-dom'
export default class Navbar extends React.Component {
render() {
return (
<div>
<ul className="nav">
<li className="nav-item slam-left"><a href="#">Brand</a></li>
<li className="nav-item"><a href="#">Home</a></li>
<li className="nav-item"><a href="#">About</a></li>
<li className="nav-item"><a className="contact" href="#">Contact</a></li>
</ul>
</div>
);
}
}
我的 App.js 檔案：
import './App.css';
import Navbar from './components/navbar';
function App() {
return (
<Navbar />
);
}
export default App;
uj5u.com熱心網友回復：
在您的情況下navbar.js，您將組件匯出為命名匯出，而在您App.js的情況下，您正在嘗試執行不存在的默認匯入。
更改您的導航欄組件以開始export default class Navbar...
您可以在此處 和此處閱讀有關命名和默認匯出的更多資訊
編輯：再次查看目錄結構后，似乎您navbar關閉了檔案的路徑。Navbar位于components/navbar/navbar. _
所以你應該將你的匯入陳述句更改為
import Navbar from "./componenets/navbar/navbar";
編輯 2：我還注意到，在App.js您從 React 匯入的反應中，它需要是react，帶有小寫的 R。將其更改為：
import React from 'react';
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/497503.html
標籤：javascript 反应