当构建时不在布局中渲染我的子组件但是当 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仅用于捆绑代码，我们仍然需要启动应用程序才能在前端看到任何内容。