Remix Cloudflare模板中React Router未来标志警告的解决咨询

你用最新npx create-remix@latest的Cloudflare模板创建Remix应用后，收到了React Router的v7行为变更警告——虽然你没显式使用React Router，但Remix底层依赖它，按指引找组件却找不到？其实不用找外部组件，直接在Remix的根组件里配置future flag就能解决，步骤如下：

• 打开项目中的app/root.tsx（JS项目是app/root.jsx），这是Remix应用的核心根组件，肯定存在于你的项目中
• 在根组件的导出代码上方，添加future配置对象，启用对应的v7特性：

对于TypeScript项目：

import type { FutureConfig } from "@remix-run/react";

export const future: FutureConfig = {
  v7_skipActionErrorRevalidation: true,
};

export default function App() {
  // 保留你原有的根组件代码
}

对于JavaScript项目：

export const future = {
  v7_skipActionErrorRevalidation: true,
};

export default function App() {
  // 保留你原有的根组件代码
}

保存文件后重启开发服务器，警告就会消失。这个配置是Remix提供的适配React Router未来版本特性的入口，不需要直接操作React Router的组件，就能提前适配v7的错误重验证行为，同时消除警告。

内容的提问来源于stack exchange，提问作者Sventies