diff --git a/packages/next/build/webpack/loaders/next-app-loader.ts b/packages/next/build/webpack/loaders/next-app-loader.ts
index 515417f016aa..431119823bb7 100644
--- a/packages/next/build/webpack/loaders/next-app-loader.ts
+++ b/packages/next/build/webpack/loaders/next-app-loader.ts
@@ -94,7 +94,7 @@ async function createTreeCodeFromPath({
               }
               return `${
                 file === FILE_TYPES.layout
-                  ? `layoutOrPagePath: '${filePath}',`
+                  ? `layoutOrPagePath: '${JSON.stringify(filePath)}',`
                   : ''
               }'${file}': () => require(${JSON.stringify(filePath)}),`
             })