标签: server-side-rendering

我们严重依赖 Angular i18n 进行本地化。通常我们会使用命令为语言环境创建一个文件夹

ng build some-project --localize

这将创建/dist/some-project/en/和/dist/some-project/de/

npm run prerender 仅在 /dist/some-project/browser/ 中输出一个，忽略 --localize 标志。我的问题是：预渲染选项是否仍处于某种测试阶段？我们现在应该避免它，还是我在这里遗漏了一些东西？

我的理解是我必须为每个区域创建单独的静态页面。

这是我的 angular.json

"prerender": {
      "builder": "@nguniversal/builders:prerender",
      "options": {
        "browserTarget": "offer:build:prod",
        "serverTarget": "offer:server:prod",
        "routes": [
          "/"
        ]
      },
      "configurations": {
        "prod": {}
      }
    }

我正在尝试为我的个人博客构建一个简单的路线，但是当我从索引页面Error: Route did not complete loading: /contact单击我的路线时，chrome 开发人员工具会引发错误。/contact当我点击博客上的另一条路线时也会发生这种情况，反之亦然。在开发模式下，这有点烦人，每次我更改代码并导航到我的路线时，我的 Chrome 开发人员工具总是会引发此错误。我非常确定我的代码遵循 next.js 官方文档上的所有说明。这是我的代码，我使用 styled-components 来设置我的组件的样式。

const Navbar = () => {
    const router = useRouter();
    return (
        <NavbarItems>
            <div className="container">
                <span className="nav-logo">
                    <Link href="/">
                        <a>MKL.</a>
                    </Link>
                </span>
                <ul className="link-container">
                    <li className="nav-link">
                        <Link href="/">
                            <a className={router.pathname === '/' ? 'active' : ''}>Home</a>
                        </Link>
                    </li>
                    <li className="nav-link">
                        <Link href="/about">
                            <a className={router.pathname === '/about' ? 'active' : ''}>
                                About
                            </a>
                        </Link>
                    </li>
                    <li className="nav-link">
                        <Link href="/contact">
                            <a className={router.pathname === '/contact' …

我们如何使用react-router 4将客户端渲染react js应用程序转换为服务器端渲染？

我有一个带有 SSR 的 Next.js 应用程序，它依赖于环境变量。当我将应用程序部署到 AWS Amplify 时，会创建 2 个 Lambda 函数。

我在 Amplify 中设置了环境变量，但是，这些变量未在构建期间创建的 Lambda 函数中设置。如果我在函数上手动设置环境变量，它们将在下一次构建期间被删除。

关于这应该如何运作有什么想法吗？

我在 Angular 通用应用程序中设置 GRPC 时遇到问题。

基本上，它会抛出一个错误：

ERROR Error: This environment's XHR implementation cannot support binary transfer.

这个错误正在破坏生产中的应用程序（将其托管在 ubuntu 和 nginx 上），但是在本地环境中它可以工作。

如果我将 Angular 切换为不使用 SSR，那么它就可以正常工作。

我的假设是在 Node Express 服务器中我需要添加对 GRPC 的支持，但我不确定如何实现这一点。

有人遇到同样的问题吗？

谢谢！

我希望我的应用程序中的路线之一不要在服务器端渲染。执行此操作的方法将export const ssr = false在模块脚本中执行或ssr: false按照svelte 文档svelte.config.js中提到的设置进行设置

但即使以两种方式禁用 ssr 后，我仍然在终端中收到错误，例如localStorage is not defined禁用 ssr 时不应出现的错误。

虽然应用程序仍然可以找到。但是每当我在浏览器中重新加载页面时，终端上就会出现此错误

[vite] Error when evaluating SSR module /src/routes/index.svelte:
ReferenceError: localStorage is not defined

svelte.config.js

import preprocess from 'svelte-preprocess';
import adapter from '@sveltejs/adapter-static';

/** @type {import('@sveltejs/kit').Config} */
const config = {
    // Consult https://github.com/sveltejs/svelte-preprocess
    // for more information about preprocessors
    preprocess: preprocess(),
    kit: {
        ssr: false,
        adapter: adapter({
            fallback: '200.html'
        }),
        prerender: {
            enabled: false
        },
    } …

我有一个 Next.js 项目，我使用 Prisma 从 Postgresql 读取数据。

我有这样的代码：

const rows = await prisma.receipts.findMany({
      where: {
        action_receipts: {
          // https://www.prisma.io/docs/concepts/components/prisma-client/filtering-and-sorting#filter-on-relations
          signer_account_id: {
            equals: accountName,
          },
        },
      },
      orderBy: {
        included_in_block_timestamp: 'desc',
      },
      take: 2, 
    });

我经常收到如下错误：

 error: PrismaClientUnknownRequestError: 
  Invalid `prisma.receipts.findMany()` invocation:
  
  
    Error occurred during query execution:
  ConnectorError(ConnectorError { user_facing_error: None, kind: QueryError(Error { kind: Db, cause: Some(DbError { severity: "ERROR", parsed_severity: Some(Error), code: SqlState("42P05"), message: "prepared statement \"s0\" already exists", detail: None, hint: None, position: None, where_: None, schema: None, table: …