fix(react): fix windows style paths when generating with --directory (#16961)

packages/react/src/generators/application/application.spec.ts

@@ -199,6 +199,22 @@ describe('app', () => {
       });
     });
 
+    it("should generate correct directory for window's style paths", async () => {
+      await applicationGenerator(appTree, {
+        ...schema,
+        directory: 'myOuterDir\\myInnerDir',
+      });
+
+      const projectsConfigurations = getProjects(appTree);
+
+      expect(
+        projectsConfigurations.get('my-outer-dir-my-inner-dir-my-app').root
+      ).toEqual('apps/my-outer-dir/my-inner-dir/my-app');
+      expect(
+        projectsConfigurations.get('my-outer-dir-my-inner-dir-my-app-e2e').root
+      ).toEqual('apps/my-outer-dir/my-inner-dir/my-app-e2e');
+    });
+
     it('should generate files', async () => {
       const hasJsonValue = ({ path, expectedValue, lookupFn }) => {
         const config = readJson(appTree, path);

packages/react/src/generators/application/lib/normalize-options.ts

@@ -10,6 +10,7 @@ import {
 import { findFreePort } from './find-free-port';
 
 export function normalizeDirectory(options: Schema) {
+  options.directory = options.directory?.replace(/\\{1,2}/g, '/');
   const { projectDirectory } = extractLayoutDirectory(options.directory);
   return projectDirectory
     ? `${names(projectDirectory).fileName}/${names(options.name).fileName}`