标签: react-templates

我正在尝试将反应材料模板添加到我的reactJs 项目中。我修复了所有错误，但无法修复这个错误

WARNING in ./node_modules/stylis-plugin-rtl/dist/stylis-rtl.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'C:\Users\syrine\management\node_modules\stylis-plugin-rtl\src\stylis-rtl.ts' file: Error: ENOENT: no such file or directory, open 'C:\Users\syrine\management\node_modules\stylis-plugin-rtl\src\stylis-rtl.ts'
 @ ./src/App.js 39:0-42 74:22-31
 @ ./src/index.js 22:0-22 28:35-38

1 warning has detailed information that is not shown.
Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.

webpack 5.67.0 compiled with 1 warning in 22425 ms

如果您能帮我解决这个问题，我将非常感激

基本上我想在每个页面中包含一个页眉、侧边栏和页脚。我目前在每个单独的页面上都提到了上面提到的内容，反应路由器点击每个页面。我想缩小我的代码并拥有一个主模板，允许每个页面的每个主要部分都是唯一的，并且页眉、页脚和侧边栏导航就位。添加这个的最佳位置是什么？在 App.js 和 index 中尝试过，但似乎不太喜欢。

我使用 antd 作为我的主要框架。

提前致谢！

 ReactDOM.render((
   <div>
     <Layout>
       <Sider>
         <SideMenu />
       </Sider>
       <Layout>
         <Header />
         <Content style={{ margin: '0 16px' }}>
           <div className='appWrap'>
             <BrowserRouter>
               <LocaleProvider locale={enUS}>
                 <App />
               </LocaleProvider>
             </BrowserRouter>
             <Footer />
           </div>
         </Content>
       </Layout>
     </Layout>
   </div>
), document.getElementById('root'));

类似的东西。我希望模板围绕主 App.js 加载，我已经看到使用路由器创建单独的模板不会为我节省代码，因为它几乎是我已经拥有的。