angular17-ssr 相关问题


从 Angular 16 转换为 Angular 17 后缺少 SSR 支持

我已将我的项目从 Angular 16 升级到 Angular 17。但是,我目前没有收到服务器端渲染 (SSR) 的支持。从 Angular 16 迁移后,Angular 是否提供 SSR 支持...


世博会React Native SSR

我有一个基于 Expo 和 React-native-web 构建的项目,适用于 Android、IOS 和 Web。 我使用 Expo 路由器进行导航,使用 @shopify/restyle 进行样式设置。 我想为此实施 SEO 或 SSR ...


Angular 10 ssr 不适用于请求 API

在一个项目中,我安装了 SSR 的 Angular Universal,并使用 Firebase 托管和功能进行部署。 对于静态文本和图像资源,我在生产中获取了用于 SEO 的内容,但是对于...


如何解决 Firebase Cloud Function 未在 SSR 的“/workspace/.next”中找到 Next.js 生产版本?

我之前问过这个问题,并且仍在为这个问题苦苦挣扎;谁能帮我解决这个问题: SSR Next.js 应用程序的 Firebase Cloud Function 未在...中找到生产版本


Angular17 :: 材质对话框上没有合适的注入

我目前正在开发一个简单的对话框来在 Angular 17 中编辑用户的数据。问题是,当我尝试从父组件注入 que 数据时,VSCode 中会显示一个错误: 没有隋...


如何使用 Angular17 在世界地图中显示可观察函数的值数组

我需要一些帮助。我有一个带有 Angular 的 amChart 世界地图,我也有一个可观察的函数,我可以在控制台中显示从 firestore 获取的值,但我无法在地图中显示。


NextRender() 之后角度信号未更新

使用 Angular SSR 时,如果我使用 afterNextRender,我必须手动触发更改检测。 这毕竟是一个有角度的 API。 有人有解决方案吗? afterNextRender(() =&...


如何在 blazor SSR .net 8 中上传文件?

您好,我创建了一个具有模型和增强属性的 EditForm,当通过 OnValidSubmit="Submit" 提交到服务器时,断点在 Visual Studio 中工作,但 ViewModel 的 IFormFile 字段是...


如何让Next.js对SEO友好,同时支持PWA离线模式?

我们有一个 Next.js 应用程序,支持用于 SEO 的 SSR。 这意味着当您访问任何页面时,只会下载该特定页面所需的基本代码,从而导致...


Next.js 在生产中禁用服务器功能的缓存

在 next.js 14 中,我有一个页面使用默认的服务器端渲染 (SSR) 来获取一些数据并将其传递到其客户端组件。 导出默认异步函数 Page() { 常量杂志=等待


Angular 17 - SSR 独立 - 具有异步的路由 FactoryProvider - NG04014

简介 您好,我正在尝试配置我的角度路由器并根据我们是否经过身份验证向其传递不同的路由。 这是我执行此操作的代码: 应用程序.routes.ts 导出常量


将 props 传递给 nextjs 中的页面组件

我正在使用 nextjs 的 withlayout 函数为某些页面添加侧边栏。 导出类型 PageWithLayout = NextPage & { withLayout?:(页面:ReactElement)=> 我正在使用 nextjs 的 withlayout 函数为某些页面添加侧边栏。 export type PageWithLayout<P = {}, IP = P> = NextPage<P, IP> & { withLayout?: (page: ReactElement) => ReactNode; }; 这是我的使用方法: export const Interactions: PageWithLayout = () => { const [ getInteractions, { data: interactionData, fetchMore, variables, loading: isInteractionsLoading, error: isInteractionsError, }, ] = useGetInteractionsLazyQuery({ notifyOnNetworkStatusChange: true, fetchPolicy: "network-only", ssr: false, }); return ( <> <Box height={"100vh"}> </Box> </> ); }; Interactions.withLayout = (page: ReactElement) => { // how do I pass isInteractionsLoading as a prop to this component return <Layout>{page}</Layout>; }; export default Interactions; 我想要实现的是将 isInteractionsLoaded 和 isInteractionsError 作为属性传递给我的布局组件,以便我可以渲染这些状态。有没有一种方法可以实现此目的,而无需将布局组件移动到页面组件内? 创建一个包装组件的 React Context 提供程序可能是您使用的解决方案,如果您不想使用任何其他包或不想使用 redux 等更强大的工具,则可以使用。 但是在这里使用有点尴尬,具体取决于包含交互的组件树是什么样子。否则可以根据您的需要使用 _app 入口点。 示例上下文和用法 import React from 'react'; export const InteractionContext = React.createContext({ isInteractionsLoading: false, isInteractionsError: null, }); // parent component or _app if necessary const ProviderComponent = () => { return ( <InteractionContext.Provider value={{ isInteractionsLoading, isInteractionsError }}> <Interactions /> </InteractionContext.Provider> ); }; const Layout = ({ children }) => { const { isInteractionsLoading, isInteractionsError } = useContext(InteractionContext); // Now you can use isInteractionsLoading and isInteractionsError here // ... return <div>{children}</div>; };


© www.soinside.com 2019 - 2024. All rights reserved.