ignoredRouteFiles configuration in flatRoutes not working - ignored route files are still accessible

[wangpf1129]

Reproduction

demo link

System Info

React Router Version: 7.x (latest)
@react-router/fs-routes": "^7.8.0
vite": "^6.3.3

Used Package Manager

npm

Expected Behavior

According to the official documentation:

Any modules in the app/routes directory will become routes in your application by default. The ignoredRouteFiles option allows you to specify files that should not be included as routes.

Actual Behavior

Files listed in ignoredRouteFiles are still:

• Rendering normally when accessed via their URL path
• Appearing to be processed by the routing system despite being "ignored"

[rururux]

I found the source of the problem.
The cause seems to be that the relative path from appDirectory, not the routes folder, is being passed to the regular expression validation.

react-router/packages/react-router-fs-routes/flatRoutes.ts

Lines 299 to 308 in 75ab018

	function findRouteModuleForFile(
	appDirectory: string,
	filepath: string,
	ignoredFileRegex: RegExp[],
	): string | null {
	let relativePath = normalizeSlashes(path.relative(appDirectory, filepath));
	let isIgnored = ignoredFileRegex.some((regex) => regex.test(relativePath));
	if (isIgnored) return null;
	return filepath;
	}

[rururux]

I'm planning on creating a PR to fix this soon, but I found a related issue. So, I'll start by making a draft PR. 🤔

[rururux]

For now, I'll write down the current solution here.

Key point: Write the relative path from the root folder for the folders and files you want to exclude.
If you want to exclude a file, include the filename and extension. If you want to exclude a folder, include the folder name.

Examples:
/routes/ignore.tsx => routes/ignore.tsx
/routes/ignore/route.tsx => routes/ignore