Fix Vite critical CSS resolution for route files with absolute paths (#…

…9194)
remix-run · Apr 3, 2024 · 0c0e495 · 0c0e495
1 parent 8838b45
commit 0c0e495
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/hot-suits-jam.md b/.changeset/hot-suits-jam.md
@@ -0,0 +1,5 @@
+---
+"@remix-run/dev": patch
+---
+
+Vite: Fix issue resolving critical CSS during development when route files are located outside of the app directory.
diff --git a/packages/remix-dev/vite/styles.ts b/packages/remix-dev/vite/styles.ts
@@ -198,7 +198,7 @@ export const getStylesForUrl = async ({
   let appPath = path.relative(process.cwd(), remixConfig.appDirectory);
   let documentRouteFiles =
     matchRoutes(routes, url, build.basename)?.map((match) =>
-      path.join(appPath, remixConfig.routes[match.route.id].file)
+      path.resolve(appPath, remixConfig.routes[match.route.id].file)
     ) ?? [];
 
   let styles = await getStylesForFiles({