Try to use cross-spawn to resolve issues on Windows

Author: RichardLindhout

dist/index.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const LogColor = '\x1b[32m';
-const child_process_1 = require("child_process");
+const cross_spawn_1 = __importDefault(require("cross-spawn"));
 const fs_extra_1 = __importDefault(require("fs-extra"));
 const path_1 = __importDefault(require("path"));
 const yargs_1 = __importDefault(require("yargs"));
@@ -113,7 +113,7 @@ async function installPackagesAdvanced(packages, directory, dev) {
     return new Promise((resolve, reject) => {
         const joinedPackages = packages.map((p) => p.name + (p.version ? `@${p.version}` : ``));
         // console.log({ joinedPackages });
-        const createReactNativeProcess = child_process_1.spawn(spawnPlatform('yarn'), [
+        const createReactNativeProcess = cross_spawn_1.default('yarn', [
             '--cwd',
             directory,
             'add',
@@ -130,7 +130,7 @@ async function installPackagesAdvanced(packages, directory, dev) {
 }
 async function createReactNativeApp(appName) {
     return new Promise((resolve, reject) => {
-        const createReactNativeProcess = child_process_1.spawn(spawnPlatform('npx'), ['react-native', 'init', appName], { stdio: 'inherit', shell: true });
+        const createReactNativeProcess = cross_spawn_1.default('npx', ['react-native', 'init', appName], { stdio: 'inherit', shell: true });
         createReactNativeProcess.on('error', function (error) {
             reject(error);
         });
@@ -141,7 +141,7 @@ async function createReactNativeApp(appName) {
 }
 async function createReactScriptsApp(appName) {
     return new Promise(function (resolve, reject) {
-        const createReactNativeProcess = child_process_1.spawn(spawnPlatform('npx'), ['create-react-app', appName], { stdio: 'inherit', shell: true });
+        const createReactNativeProcess = cross_spawn_1.default('npx', ['create-react-app', appName], { stdio: 'inherit', shell: true });
         createReactNativeProcess.on('error', function (error) {
             reject(error);
         });
@@ -150,13 +150,6 @@ async function createReactScriptsApp(appName) {
         });
     });
 }
-function spawnPlatform(s) {
-    const isWin = process.platform === 'win32';
-    if (isWin) {
-        return s + '.cmd';
-    }
-    return s;
-}
 function logSpaced(args) {
     console.log('');
     console.log(LogColor, args);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-react-native-web-application",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "bin": {
     "create-react-native-web-application": "dist/index.js"
   },
@@ -19,6 +19,7 @@
     "node": ">=12"
   },
   "dependencies": {
+    "cross-spawn": "^7.0.3",
     "fs-extra": "^9.0.0",
     "node-fs-extra": "^0.8.2",
     "yargs": "^15.3.1"

src/index.ts

@@ -7,7 +7,8 @@ interface PackageType {
 }
 const LogColor = '\x1b[32m';
 
-import { spawn } from 'child_process';
+import spawn from 'cross-spawn';
+
 import fs from 'fs-extra';
 import path from 'path';
 import yargs from 'yargs';
@@ -166,7 +167,7 @@ async function installPackagesAdvanced(
     );
     // console.log({ joinedPackages });
     const createReactNativeProcess = spawn(
-      spawnPlatform('yarn'),
+      'yarn',
       [
         '--cwd',
         directory,
@@ -189,7 +190,7 @@ async function installPackagesAdvanced(
 async function createReactNativeApp(appName: string): Promise<any> {
   return new Promise((resolve, reject) => {
     const createReactNativeProcess = spawn(
-      spawnPlatform('npx'),
+      'npx',
       ['react-native', 'init', appName],
       { stdio: 'inherit', shell: true }
     );
@@ -206,7 +207,7 @@ async function createReactNativeApp(appName: string): Promise<any> {
 async function createReactScriptsApp(appName: string): Promise<any> {
   return new Promise<any>(function (resolve, reject) {
     const createReactNativeProcess = spawn(
-      spawnPlatform('npx'),
+      'npx',
       ['create-react-app', appName],
       { stdio: 'inherit', shell: true }
     );
@@ -220,14 +221,6 @@ async function createReactScriptsApp(appName: string): Promise<any> {
   });
 }
 
-function spawnPlatform(s: string): string {
-  const isWin = process.platform === 'win32';
-  if (isWin) {
-    return s + '.cmd';
-  }
-  return s;
-}
-
 function logSpaced(args) {
   console.log('');
   console.log(LogColor, args);

yarn.lock

@@ -75,6 +75,15 @@ color-name@~1.1.4:
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
+cross-spawn@^7.0.3:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
+  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
 decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
@@ -118,6 +127,11 @@ is-fullwidth-code-point@^3.0.0:
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
   integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
 
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+  integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
+
 jsonfile@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.0.1.tgz#98966cba214378c8c84b82e085907b40bf614179"
@@ -183,6 +197,11 @@ path-exists@^4.0.0:
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
   integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
 
+path-key@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
+
 require-directory@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
@@ -203,6 +222,18 @@ set-blocking@^2.0.0:
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
   integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
 
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+  dependencies:
+    shebang-regex "^3.0.0"
+
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
 string-width@^4.1.0, string-width@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.0.tgz#952182c46cc7b2c313d1596e623992bd163b72b5"
@@ -234,6 +265,13 @@ which-module@^2.0.0:
   resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"
   integrity sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=
 
+which@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.0"
+
 wrap-ansi@^6.2.0:
   version "6.2.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz#e9393ba07102e6c91a3b221478f0257cd2856e53"