Sventies's questions

我正在使用 Remix 和现代npx create-remix@latest(cloudflare) 模板。它在底层使用 React 路由器 (Remix 也使用)，但我在代码中没有明确使用 React 路由器。

现在我收到此警告：

⚠️ React Router Future Flag Warning: The revalidation behavior after 4xx/5xx `action` responses is changing in v7. You can use the `v7_skipActionErrorRevalidation` future flag to opt-in early. For more information, see [https://reactrouter.com/v6/upgrading/future#v7_skipactionerrorrevalidation][1].

单击链接会给我提供有关如何编辑组件以解决此问题的建议，但我的应用程序中没有这样的组件。

以下是我的（相关）未决事项：

"@remix-run/cloudflare": "^2.11.1",
"@remix-run/cloudflare-pages": "^2.11.1",
"@remix-run/react": "^2.11.1",
"remix-utils": "^7.6.0",

我该怎么做才能让这些警告日志消失/解决这个问题？

我正在声明其他元素类型应该满足的“父”COMPONENT 类型。如果我在普通的 .ts 或 .tsx 文件中使用下面的代码，它可以正常工作（也就是说，它会告诉我不能使用类型“hero”，因为它不是 ELEMENT_TYPE 的一部分）。然而，在声明文件中，这不起作用。

如何声明泛型类型，然后将其用作“模具”以将其他更具体的类型放入声明文件中？

declare type ELEMENT_TYPE = "div" | "p" | "h1" | "button";

declare type COMPONENT = {
  type: ELEMENT_TYPE;
  children: (COMPONENT | string)[];
};

declare type Satisfies<T, U extends T> = U;

declare type HERO = Satisfies<
  COMPONENT,
  {
    type: "hero";
    children: (COMPONENT | string)[];
  }
>; // should throw error but does not in declaration (.d.ts) file

我的 tsconfig 文件如下所示：

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "plugins": [
      {
        "name": "next"
      }
    ],
    "paths": {
      "@/*": ["./*"]
    }
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
  "exclude": ["node_modules"]
}