我正在尝试为一个新的web应用程序构建导航栏,我遇到了这个问题
错误。/src/app.js找不到文件:“index.js”与磁盘上的相应名称不匹配:“./src/components/navbar/components”
下面你会发现app.js和index.js我有三个不同的文件名为index.js,但我相信这是一个有问题的文件。
如果有任何帮助,我将不胜感激
app.js
import './App.css';
import Navbar from './components/Navbar';
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
import Home from './pages';
import About from './pages/about';
import Events from './pages/events';
import AnnualReport from './pages/annual';
import Teams from './pages/team';
import Blogs from './pages/blogs';
import SignUp from './pages/signup';
function App() {
return (
<Router>
<Navbar />
<Switch>
<Route path='/' exact component={Home} />
<Route path='/about' component={About} />
<Route path='/events' component={Events} />
<Route path='/annual' component={AnnualReport} />
<Route path='/team' component={Teams} />
<Route path='/blogs' component={Blogs} />
<Route path='/sign-up' component={SignUp} />
</Switch>
</Router>
);
}
export default App;
index.js
import React from 'react';
import {
Nav,
NavLink,
Bars,
NavMenu,
NavBtn,
NavBtnLink,
} from './NavbarElements';
const Navbar = () => {
return (
<>
<Nav>
<Bars />
<NavMenu>
<NavLink to='/about' activeStyle>
About
</NavLink>
<NavLink to='/events' activeStyle>
Events
</NavLink>
<NavLink to='/annual' activeStyle>
Annual Report
</NavLink>
<NavLink to='/team' activeStyle>
Teams
</NavLink>
<NavLink to='/blogs' activeStyle>
Blogs
</NavLink>
<NavLink to='/sign-up' activeStyle>
Sign Up
</NavLink>
{/* Second Nav */}
{/* <NavBtnLink to='/sign-in'>Sign In</NavBtnLink> */}
</NavMenu>
<NavBtn>
<NavBtnLink to='/signin'>Sign In</NavBtnLink>
</NavBtn>
</Nav>
</>
);
};
export default Navbar;
暂无答案!
目前还没有任何答案,快来回答吧!