Shopify Vite Running into the Docker

[afuentes]

Hi ,
I'm creating a simple Docker guide to run the Shopify Vite setup within a Docker container. I'm using the default project provided in the following repository:

shopify-vite/examples/vite-shopify-example

The issue I'm encountering is that the vite-tag snippet includes the following address in the vite-tag.liquid file by default:

viteDevServerUrl: 'https://[::]:3000'

Below is the trace from running: npm run dev

  vite-plugin-shopify:config {
  vite-plugin-shopify:config   base: './',
  vite-plugin-shopify:config   publicDir: 'public',
  vite-plugin-shopify:config   build: {
  vite-plugin-shopify:config     outDir: 'assets',
  vite-plugin-shopify:config     assetsDir: '',
  vite-plugin-shopify:config     rollupOptions: { input: [Array] },
  vite-plugin-shopify:config     manifest: true
  vite-plugin-shopify:config   },
  vite-plugin-shopify:config   resolve: {
  vite-plugin-shopify:config     alias: {
  vite-plugin-shopify:config       '~': '/root/shopify-vite/examples/vite-shopify-example/frontend',
  vite-plugin-shopify:config       '@': '/root/shopify-vite/examples/vite-shopify-example/frontend',
  vite-plugin-shopify:config       '@@': '/root/shopify-vite/examples/vite-shopify-example/resources/js',
  vite-plugin-shopify:config       '@modules': '/root/shopify-vite/examples/vite-shopify-example/frontend/modules'
  vite-plugin-shopify:config     }
  vite-plugin-shopify:config   },
  vite-plugin-shopify:config   server: {
  vite-plugin-shopify:config     host: true,
  vite-plugin-shopify:config     https: true,
  vite-plugin-shopify:config     port: 3000,
  vite-plugin-shopify:config     origin: '__shopify_vite_placeholder__',
  vite-plugin-shopify:config     strictPort: true,
  vite-plugin-shopify:config     hmr: { host: undefined, port: 3000, protocol: 'wss' }
  vite-plugin-shopify:config   }
  vite-plugin-shopify:config } +0ms
Re-optimizing dependencies because lockfile has changed
  vite-plugin-shopify:html {
  vite-plugin-shopify:html   address: { address: '::', family: 'IPv6', port: 3000 },
  vite-plugin-shopify:html   viteDevServerUrl: 'https://[::]:3000'
  vite-plugin-shopify:html } +0ms

  VITE v5.4.0  ready in 453 ms

  ➜  Local:   https://localhost:3000/
  ➜  Network: https://172.17.0.2:3000/
  ➜  press h + enter to show help

I tried various Vite server configurations without success (e.g., host: localhost, host: 127.0.0.1, host: 0.0.0.0).

I resolved the issue by editing vite.liquid and replacing https://[::]:3000 with https://localhost:3000 .

More detail about docker configuration
.
https://github.com/glyfo/shopify-dev/blob/main/README.md

Regards,
Alex