Why am I getting an error when trying to run my first Shopify app with npm?

Shopify Apps
1

I am trying to develop first Shopify Apps, I installed all kind of tools and got the php template also.

After run

npm run dev

getting error like below

> instafeed71@1.0.0 dev
> shopify app dev

✔ Dependencies installed
✔ Fetching organization data

Using your previous dev settings:
Org:        RajibKumar
App:        instafeed71
Dev store:  rrakhmit.myshopify.com

To reset your default dev config, run npm run dev -- --reset

 Success! The tunnel is running and you can now view your app.

App URL
Once everything's built, your app's shareable link will be:
https://e457-103-49-201-78.ngrok.io?shop=rrakhmit.myshopify.com&host=cnJha2htaXQubXlzaG9waWZ5LmNvbS9hZG1pbg
Note that your app's URL in Shopify Partners will be updated.

frontend | 
frontend | > dev
frontend | > vite
frontend | 
frontend | 
frontend |   vite v2.9.13 dev server running at:
frontend | 
frontend |   > Network:  http://192.168.10.143:4692/
frontend |   > Local:    http://localhost:4692/
frontend | 
frontend |   ready in 283ms.
frontend | 
backend  | > Composer\Config::disableProcessTimeout
backend  | > php artisan serve --port="${BACKEND_PORT:-$PORT}"
backend  | 
backend  |    ErrorException 
backend  |
backend  |   A non-numeric value encountered
backend  |
backend  |   at D:\xampp\htdocs\ShopifyApps\instafeed71\web\vendor\laravel\framework\src\Illuminate\Foundation\Console\ServeCommand.php:164
backend  |     160b▬§         }
backend  |   1   D:\xampp\htdocs\ShopifyApps\instafeed71\web\vendor\laravel\framework\src\Illuminate\Foundation\Console\ServeCommand.php:164
backend  |       Illuminate\Foundation\Bootstrap\HandleExceptions::handleError("A non-numeric value encountered", "D:\xampp\htdocs\ShopifyApps\instafeed71\web\vendor\laravel\framework\src\Illuminate\Foundation\Console\ServeCommand.php", ["${BACKEND_PORT:-$PORT}"])
backend  |
backend  |   2   D:\xampp\htdocs\ShopifyApps\instafeed71\web\vendor\laravel\framework\src\Illuminate\Foundation\Console\ServeCommand.php:45
backend  |       Illuminate\Foundation\Console\ServeCommand::port()
backend  | Script php artisan serve --port="${BACKEND_PORT:-$PORT}" handling the serve event returned with error code 1

━━━━━━ Error ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
    Command failed with exit code 1: composer serve
    > Composer\Config::disableProcessTimeout    > php artisan serve --port="${BACKEND_PORT:-$PORT}"
    Script php artisan serve --port="${BACKEND_PORT:-$PORT}" handling the serve event returned with error code 1

       ErrorException

      A non-numeric value encountered

      at D:\xampp\htdocs\ShopifyApps\instafeed71\web\vendor\laravel\framework\src\Illuminate\Foundation\Console\ServeCommand.php:164
        160▕         }
        161▕
        162▕         $port = $port ?: 8000;
        163▕
      ➜ 164▕         return $port + $this->portOffset;
        165▕     }
        166▕
        167▕     /**
        168▕      * Get the host and port from the host option string.

      1   D:\xampp\htdocs\ShopifyApps\instafeed71\web\vendor\laravel\framework\src\Illuminate\Foundation\Console\ServeCommand.php:164
          Illuminate\Foundation\Bootstrap\HandleExceptions::handleError("A non-numeric value encountered", "D:\xampp\htdocs\ShopifyApps\instafeed71\web\vendor\laravel\framework\src\Illuminate\Foundation\Console\ServeCommand.php", ["${BACKEND_PORT:-$PORT}"])

      2   D:\xampp\htdocs\ShopifyApps\instafeed71\web\vendor\laravel\framework\src\Illuminate\Foundation\Console\ServeCommand.php:45
          Illuminate\Foundation\Console\ServeCommand::port()

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

I want to run default php apps by Shopify and test it, but at the very ending i got this error

Please help me, Thanks in advanced.

2

Hello @rrakhmit

You can open web->composer.json and change the code,

php artisan serve --port="${BACKEND_PORT:-$PORT}"
to
php artisan serve

It works for me.

3

I am getting same error.

━━━━━━ Error ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Command failed with exit code 255: composer serve

Composer\Config::disableProcessTimeout
php artisan serve --port=“${BACKEND_PORT:-$PORT}”
PHP Warning: require(C:\ABC\Practice\ShopifyApps\someone-product\web/vendor/autoload.php): failed to open stream: No such file or directory in C:\ABC\Practice\ShopifyApps\someone-purchased-product\web\artisan on line 18
PHP Warning: require(C:\ABC\Practice\ShopifyApps\someone-product\web/vendor/autoload.php): failed to open stream: No such file or directory in C:\ABC\Practice\ShopifyApps\someone-product\web\artisan on line 18
PHP Fatal error: require(): Failed opening required ‘C:\ABC\Practice\ShopifyApps\someone-product\web/vendor/autoload.php’ (include_path=‘.;C:\php\pear’) in C:\ABC\Practice\ShopifyApps\someone-product\web\artisan on line 18
Script php artisan serve --port=“${BACKEND_PORT:-$PORT}” handling the serve event returned with error code 255

Warning: require(C:\ABC\Practice\ShopifyApps\someone-product\web/vendor/autoload.php): failed to open stream: No such file or directory in C:\ABC\Practice\ShopifyApps\someone-product\web\artisan on line 18

Warning: require(C:\ABC\Practice\ShopifyApps\someone-product\web/vendor/autoload.php): failed to open stream: No such file or directory in C:\ABC\Practice\ShopifyApps\someone-product\web\artisan on line 18

Fatal error: require(): Failed opening required ‘C:\ABC\Practice\ShopifyApps\someone-product\web/vendor/autoload.php’ (include_path=‘.;C:\php\pear’) in C:\ABC\Practice\ShopifyApps\someone-product\web\artisan on line 18

4

Did you try to edit the web->composer.json?