import { ColorModeContext, useMode } from "./theme";
import { CssBaseline, ThemeProvider } from "@mui/material";
import Topbar from "./scenes/global/Topbar";
import Sidebar from "./scenes/global/Sidebar";

function App() {
  const [theme, colorMode] = useMode();
  return (
    <ColorModeContext.Provider value={colorMode}>
      <ThemeProvider theme={theme}>
        <CssBaseline/>
        <div className="app">
          <main className="content">
            <Topbar/>
            <Sidebar/>           
          </main>
        </div>
      </ThemeProvider>
    </ColorModeContext.Provider>
  );
}
export default App;

  
  • List item NPM警告 ERESOLVE overriding peer dependency

NPM在解决时发出警告:REACT-SLODEDOW@2.4.7

NPM警告发现:REACT@18.2.0

NPM警告 node 模块/react

NPM警告来自根项目的REACT@"^18.2.0"

NPM又警告了16个(@情感/react ,@情感/风格,...)

NPM警告

NPM警告 Could not resolve dependency:

NPM警告 peer react@"^16.3.0 || 17" from react-slidedown@2.4.7

NPM警告 node 模块/react -pro-sidebar/node_modules/react-slidedown

NPM警告 react-slidedown@"^2.4.5" from react-pro-sidebar@0.7.1

NPM警告 node_modules/react-pro-sidebar

NPM警告 NPM警告 Conflicting peer dependency: react@17.0.2

NPM警告 node 模块/react

NPM警告 peer react@"^16.3.0 || 17" from react-slidedown@2.4.7

NPM警告 node_modules/react-pro-sidebar/node_modules/react-slidedown

NPM警告 react-slidedown@"^2.4.5" from react-pro-sidebar@0.7.1

NPM警告 node_modules/react-pro-sidebar

NPM警告 ERESOLVE overriding peer dependency

NPM在解决时发出警告:REACT-SLODEDOW@2.4.7

NPM警告 Found: react-dom@18.2.0

NPM警告 node 模块/react -dom

NPM警告 react-dom@"^18.2.0" from the r

oot project NPM警告 6 more (@mui/base, @mui/material, @testing-library/react,

...) NPM警告

NPM警告 Could not resolve dependency: NPM警告 peer react-dom@"^16.3.0 || 17" from react-slidedown@2.4.7

NPM警告 node 模块/react -pro-sidebar/node_modules/react-slidedown

NPM警告 react-slidedown@"^2.4.5" from react-pro-sidebar@0.7.1

NPM警告 node_modules/react-pro-sidebar

NPM警告 NPM警告 Conflicting peer dependency: react-dom@17.0.2

NPM警告 node 模块/react -dom

NPM警告 peer react-dom@"^16.3.0 || 17" from react-slidedown@2.4.7

NPM警告 node_modules/react-pro-sidebar/node_modules/react-slidedown

NPM警告 react-slidedown@"^2.4.5" from react-pro-sidebar@0.7.1

NPM警告 node_modules/react-pro-sidebar


推荐答案

从这两个导入的路径中删除.src/部分

import Topbar from "./scenes/global/Topbar"
import Sidebar from "./scenes/global/Sidear"

Reactjs相关问答推荐

MUImaterial -ui-如何将文本字段和 Select 分组?

使用Overpass API Endpoint计算 map 上的面积

Google Firestore无法读取图像-react

当我try 部署我的Reaction应用程序时,为什么在此PrevState语句中收到语法错误?

如何通过reactjs正确显示记录

ctx.strokeStyle 在 canvas html 5 中不起作用

如何在React组件中自动更新图表数据?

警告:遇到两个子元素拥有同一把 keys .键应该是唯一的,以便组件在更新时保持其身份

React-dom 的钩子调用无效.我能做些什么?

如何在 React Hook Form 中使用嵌套对象处理错误验证消息

在 monorepo 内的工作区或库之间共享 redux 状态

无法通过react 路由中的链接传递信息

单击按钮时如何添加或删除 3d 对象

有没有办法根据 Rechart 中的 activeDot 更改值?

react 事件顺序

如何在react 中更新子组件中的变量?

当用户输入相同信息时如何禁用更新

React Router v6 - 访问嵌套路由和处理手写 url 的正确方法

如何不旋转 mui 自动完成弹出图标?

如果两个组件在 React 中导入相同的 CSS 文件会发生什么?