App.js import hatası

./src/App.js Attempted import error: 'BrowswerRouter' is not exported from 'react-router-dom'

Bu şekilde hata var. Ne yapmalıyım ?



__________________________KOD DOSYASI_______________________________________

import React from 'react';
import { Container, Grid } from '@material-ui/core';


import Profile from './components/Profile/Profile';
import Hedaer from './components/Header/Header';
import Footer from './components/Footer/Footer';
import Portfolio from './pages/Portfolio/Portfolio';
import Resume from './pages/Resume/Resume';
import {BrowserRouter as Router, Switch, Route } from 'react-router-dom';

import './App.css';
function App() {
return (
<Container>
<Grid container>
<Grid
item
xs={12}
sm={12}
md={4}
lg={3}
style={{ backgroundColor: "blue" }}
>
<Profile />
</Grid>
<Grid item xs style={{ backgroundColor: "red" }}>
<Hedaer />
<Router>
<Switch>
<Route path="/portfolio">
<Portfolio />
</Route>
<Route path="/">
<Resume />
</Route>
</Switch>
</Router>
<Footer />
</Grid>
</Grid>
</Container>
);
}
export default App;

dilekeda dedi:

./src/App.js Attempted import error: 'BrowswerRouter' is not exported from 'React-router-dom'

Bu şekilde hata var. Ne yapmalıyım?

Genişletmek için tıkla...

Google'a yapıştırıp anında sonucu bulabileceğin bir şey.

JavaScript modulleri içerisinde export edilmeyen değişken, sınıf, fonksiyonlar diğer modüller tarafından import edilemez.
Hatada import yapmak istediğiniz 'BrowswerRouter' objesi react-router-dom içerisinde export edilmemiş, diyor.

Büyük ihtimal yazım hatası yaptınız. Çoğu zaman sınıf import edilirken {BrowswerRouter} şeklinde object destructuring ile yapılır.

import {BrowserRouter} from 'react-router-dom' şeklinde deneyin.

SerdarEdition dedi:

Google'a yapıştırıp anında sonucu bulabileceğin bir şey.

Genişletmek için tıkla...

inan çok baktım. Bir sonuç alamadığım için burdayım

dilekeda dedi:

inan çok baktım. Bir sonuç alamadığım için burdayım

Genişletmek için tıkla...

Kodu da paylasabilirsin.

Açılın ben React geliştiricisiyim.



Kodu paylaşır mısın ?

Ayrıca BrowswerRouter değil BrowserRouter olmalı. Yanlış yazmışsın.

bitwise dedi:

Kodu da paylasabilirsin.

Genişletmek için tıkla...

PAYLAŞTIM ASLINDA BİR HATA OLMUŞ TEKRAR PAYLAŞTIM İNCELEYEBİLİRİSNİZ

qelos dedi:

Açılın ben React geliştiricisiyim.

Kodu paylaşır mısın ?

Ayrıca BrowswerRouter değil BrowserRouter olmalı. Yanlış yazmışsın.

Genişletmek için tıkla...

PAYLAŞTIM ASLINDA BİR HATA OLMUŞ TEKRAR PAYLAŞTIM İNCELEYEBİLİRİSNİZ. BU ARADA DEDİĞİNİZİ YAPTIM İŞE YARAMADI

O satırı aşağıdaki ile değiştirir misiniz;
import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom"