Watch mode doesn't work

[NullVoxPopuli]

I make a change to a file with the server running

• page does not refresh / no network activity
• after manual refresh, changes are not reflected

[mansona]

This is a known issue and isn't really a concern of this blueprint, it's marked Currently breaking behaviors that we're working on in this issue embroider-build/embroider#1860

I'm going to leave this issue open in case anyone else tries to report this issue but it's not something that is a concern of the blueprint, it's a concern of Embroider itself 👍

[Jopie01]

I don't know if it is the same thing or the right thing to do, but I walked into the same kind of problem today. I wanted to try the new way to build my app so I installed the bleeding edge (I think)

npx ember-cli@latest new my-fancy-app -b @embroider/app-blueprint --pnpm --skip-git --skip-npm

But then after running pnpm start it didn't do live-reload. Changes made to a file triggered vite to do a rebuild, but the page didn't refresh.
I searched a bit what to do and found https://stackoverflow.com/questions/70996320/enable-hot-reload-for-vite-react-project-instead-of-page-reload. Adding usePolling: true to the watch keyword in my vite.config.mjs was enough to start automatic refreshing the page.

This is now my vite.config.mjs

import { defineConfig } from 'vite';
import {
  resolver,
  hbs,
  scripts,
  templateTag,
  optimizeDeps,
  compatPrebuild,
  assets,
  contentFor,
} from '@embroider/vite';
import { resolve } from 'path';
import { babel } from '@rollup/plugin-babel';

const root = 'tmp/rewritten-app';
const extensions = [
  '.mjs',
  '.gjs',
  '.js',
  '.mts',
  '.gts',
  '.ts',
  '.hbs',
  '.json',
];

export default defineConfig(({ mode }) => {
  return {
    root,
    cacheDir: resolve('node_modules', '.vite'),
    resolve: {
      extensions,
    },
    plugins: [
      hbs(),
      templateTag(),
      scripts(),
      resolver(),
      compatPrebuild(),
      assets(),
      contentFor(),

      babel({
        babelHelpers: 'runtime',
        extensions,
      }),
    ],
    optimizeDeps: optimizeDeps(),
    publicDir: resolve(process.cwd(), 'public'),
    server: {
      port: 4200,
      host: '0.0.0.0',  // added because I want to connect over the network
      watch: {
        usePolling: true,  // added to do live-reload
        ignored: ['!**/tmp/rewritten-app/**'],
      },
    },
    build: {
      outDir: resolve(process.cwd(), 'dist'),
      rollupOptions: {
        input: {
          main: resolve(root, 'index.html'),
          ...(shouldBuildTests(mode)
            ? { tests: resolve(root, 'tests/index.html') }
            : undefined),
        },
      },
    },
  };
});

function shouldBuildTests(mode) {
  return mode !== 'production' || process.env.FORCE_BUILD_TESTS;
}