i have this simple src/pages/options/Options.tsx

setResults has no effect in development build, but it works in production build

probably same issue as #7

import logo from "@assets/img/logo.svg";
import "@src/styles/index.css";
import styles from "./Options.module.css";
import {createSignal} from "solid-js"
import {For} from "solid-js"

const Options = () => {
  let searchButton;
  const [getResults, setResults] = createSignal([
    "result0",
    "result0",
  ])
  setTimeout(() => {
    // update results
    console.log("update")
    setResults((old) => old.concat(["result3"]))
    setResults((old) => old.concat(["result4"]))
  }, 1000)
  function startSearch(event) {
    event.preventDefault()
    console.log("submit")
    searchButton.innerHTML = "Searching...";
    searchButton.disabled = true;
    // clear results
    console.log("clear")
    setResults([
      "result1",
      "result2",
    ])
    // update results
    console.log("update")
    setResults((old) => old.concat(["result3"]))
    setResults((old) => old.concat(["result4"]))
  }
  return (
    <div class={styles.App}>
      <form class={styles.form} onSubmit={startSearch}>
        <input/>
        <button ref={searchButton}>Search</button>
      </form>
      <ol class={styles.results}>
        <For each={getResults()}>
          {result => (
            <li>result: {JSON.stringify(result, null, 2)}</li>
          )}
        </For>
      </ol>
      <pre>{JSON.stringify(getResults(), null, 2)}</pre>
    </div>
  );
};

export default Options;

npm run dev hangs

npm run dev 

> [email protected] dev
> vite build -w

vite v4.0.3 building for production...

watching for file changes...

build started...
✓ 2 modules transformed.
Could not resolve entry module "../../../../../../@vite/client".
transforming (8) src/styles/index.css

npm run build works

upstream issue https://github.com/crxjs/chrome-extension-tools/issues/323

What is the problem

Hot Reload not working either on popup, tabs or panel. No changes are displayed until reloaded manually.

Expected

It should load page changes via Hot Reload

Steps to Reproduce

Just clone the project and run it locally

• yarn dev (or yarn dev:mon)
• modify and save a page tax file

Nodemon rebuilds but HMR does not work on any of the Pages. Changes are only applied when reopening the popup, reloading the options or the new tab, or reopening devtools.

What is the problem

Failed to load resource: the server responded with a status of 404 (Not Found) logo.15c0ac83.js:1 Failed to load resource: the server responded with a status of 404 (Not Found) demoIndex.chunk.css:1 Failed to load resource: the server responded with a status of 404 (Not Found)

Expected

The base project should just run without any modifications

Steps to Reproduce

Just clone the project and run it locally