экспорт «по умолчанию» (реэкспортированный как «Navbar») не был найден в «./Navbar/Navbar»

avatar
dennod
8 августа 2021 в 19:09
671
2
3

Ошибка сохраняется, я не знаю, как ее решить, потому что я новичок в React. Я попробовал несколько ответов на переполнение стека, но они, похоже, не работают, возможно, мне не хватает знаний, чтобы понять, что вызывает ошибку.

Вот код, вызывающий ошибку:

export { default as Navbar} from './Navbar/Navbar';
export { default as Products} from './Products/Product';

Вот код Navbar.jsx:

import React  from 'react';
import { AppBar, Toolbar, IconButton, Badge, MenuItem, Menu, Typography } from '@material-ui/core';
import { ShoppingCart } from '@material-ui/icons';
import logo from '../../assets/logo.jpg';


import useStyles from './styles';

const Navbar=() => {
    const classes = useSyles();
  return (
   <>
  <AppBar position="fixed" className={classes.appBar} color="inherit">
    <Toolbar>
        <Typography variant="h6" className={classes.title} color="inherit">
            <img src={logo} alt="Commerce.js" height="25px" className={classes.image} />
              Commerce.js
           </Typography>

        <div className={classes.grow} />

            <div className={classes.button}>
              <iconButton aria-label="Show cart items" color="inherit" >

              </iconButton>
              <Badge badgeContent={2} color="secondary" >

                <ShoppingCart/>
              </Badge>

              </div>
      </Toolbar>

      </AppBar>

</>

)


}

Вот как это выглядит внутри визуального кода: Внутри Visual Studio

Источник
evolutionxbox
8 августа 2021 в 19:21
2

Navbar не экспортируется?

Ответы (2)

avatar
Alek Smith
8 августа 2021 в 19:34
0

Вы не экспортируете эти компоненты по умолчанию. Добавьте

экспортировать панель навигации по умолчанию в файл Navbar.js. экспортировать продукты по умолчанию в файл Products.js.

dennod
8 августа 2021 в 19:56
0

После того, как я добавил это в Navbar, появилась эта ошибка:

dennod
8 августа 2021 в 19:56
0

src\components\Navbar\Navbar.jsx Строка 8:16: «Navbar» не определена no-undef Строка 9:21: «useSyles» не определена no-undef

Alek Smith
8 августа 2021 в 20:28
0

Использовали ли вы стили по умолчанию из styles.js?

dennod
8 августа 2021 в 20:31
0

да. экспортировать по умолчанию makeStyles(() => ({

Alek Smith
8 августа 2021 в 20:33
0

это должна быть функция, которая имеет возвращаемое значение. например, export default () => makeStyles (()=>{... если вы все еще получаете что-то не так, сообщите мне свой идентификатор anydesk, и я смогу решить проблему.

dennod
8 августа 2021 в 20:40
0

импортировать { makeStyles } из '@material-ui/core/styles'; экспорт по умолчанию makeStyles(() => ({ root: { // maxWidth: 345, исходный стиль ширины maxWidth: '100%', }, media: { height: 0, paddingTop: '56.25%', // 16:9 }, cardActions: { display: 'flex', justifyContent: 'flex-end', }, cardContent: { display: 'flex', justifyContent: 'space-between', }, }));

avatar
Vulwsztyn
8 августа 2021 в 19:19
0

изменить const Navbar=() => {

к export default const Navbar=() => {