當構建時不在布局中渲染我的子組件但是當 npm state 它工作正常

Question

布局組件：

return (
        <>
            <ToastContainer />
            <div className='font-IranBold'>
                <div className="border-b border-white dark:border-gray-500">
                    <ul className="flex flex-wrap -mb-px text-sm font-medium text-center text-gray-500 dark:text-gray-400">
                        <Tab TabsInfo={TabsInfo} SetTabState={SetTabState} TabState={TabState} />
                    </ul>
                </div>
                <div>
                    {children}
                </div>
            </div>
        </>
    )

布局中的子組件：

  return (
<>
  <Layout TabsInfo={TabsInfo} SetTabState={SetTabState} TabState={TabState}>
    {
      TabState === 1 ? <Contentfa AdminAboutFa={AdminAboutFa} /> : <Contenten AdminAboutEn={AdminAboutEn} />
    }
  </Layout>
</>

)

當我用 npm start 運行項目時沒有問題，它運行了。 當我構建時，它只顯示組件的名稱：

以npm start運行時（打開顯示）

但：

何時構建（打開顯示）

Answer 1

將需要更多信息來提出解決方案。 特別是你這是什么意思

當我用 npm start 運行項目時沒有問題，它運行了。 當我構建時，它只顯示組件的名稱：

由於代碼僅在npm run start上執行， npm run build僅用於捆綁代碼，我們仍然需要啟動應用程序才能在前端看到任何內容。