Início / coding / Perguntas / 79201371
Accepted
Sventies
Asked: 2024-11-19 04:35:47 +0800 CST

Aviso de sinalizador futuro do React Router no aplicativo Remix Vite

  • 772

Estou usando o Remix com um npx create-remix@latestmodelo moderno (cloudflare). Ele usa o React router por baixo dos panos (o Remix usa), mas eu não uso o React router explicitamente em nenhum lugar do meu código.

Agora recebo este aviso:

⚠️ 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].

Clicar no link me dá sugestões sobre como editar o componente para corrigir isso, mas não tenho esse componente no meu aplicativo.

Estas são minhas pendências de(relevantes):

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

O que devo fazer para que esses registros de aviso desapareçam / para corrigir isso?

vite

2 respostas

  1. Recentemente enfrentei o mesmo erro abaixo solução add future={{ v7_startTransition: true }}inRouterProvider 

    import { RouterProvider } from "react-router-dom";

import "./App.css";
import router from "./routes/AppRoutes";

function App() {

  return (
    <>
      <RouterProvider router={router} future={{ v7_startTransition: true }} />
    </>
  );
}

export default App;

    e adicione futureao seu arquivo de roteador

    import { createBrowserRouter } from "react-router-dom";
const router = createBrowserRouter([//routes], {
  future: {
    v7_relativeSplatPath: true,
    v7_fetcherPersist: true,
    v7_normalizeFormMethod: true,
    v7_partialHydration: true,
    v7_skipActionErrorRevalidation: true,
  },
});
export default router;
    • 2
  2. Best Answer

    Esses são apenas "avisos" sobre recursos futuros, então é bem provável que você possa ignorá-los completamente.

    Parece que você pode passar os sinalizadores futuros por meio da configuração do vite.

    Para detalhes completos, veja:

    Conforme o aviso, aparentemente você pode optar pelo v7_skipActionErrorRevalidationrecurso do roteador antecipadamente, habilitando-o na sua configuração.

    Exemplo:

    import { vitePlugin as remix } from "@remix-run/dev";
import { defineConfig } from "vite";

export default defineConfig({
  plugins: [
    remix({
      ....,
      future: {
        /* any enabled future flags */
        v7_skipActionErrorRevalidation: true, // <-- early opt-in
      },
      ....,
    }),
  ],
});
    • 1

relate perguntas