时间戳

首页 > 解决方案 > 在“./Navbar/Navbar”中找不到导出“默认”（重新导出为“导航栏”）

javascript - 在“./Navbar/Navbar”中找不到导出“默认”（重新导出为“导航栏”）

问题描述

错误仍然存​​在，我不知道如何解决它，因为我是 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 Code 中的外观： Inside Visual Studio

标签： javascriptreactjss

解决方案

改变const Navbar=() => {

至 export default const Navbar=() => {

推荐阅读