[Bug Report]: Rspack CLI start dev error

[Lmmmmmm-bb]

System Info

System: OS: Windows 10 10.0.22621 CPU: (6) x64 Intel(R) Core(TM) i5-9400 CPU @ 2.90GHz Memory: 998.27 MB / 7.88 GB Binaries: Node: 18.12.1 - C:\Program Files\nodejs\node.EXE Yarn: 1.22.19 - D:\MySoftware\nodejs\node_global\yarn.CMD npm: 8.10.0 - D:\MySoftware\nodejs\node_global\npm.CMD Browsers: Edge: Spartan (44.22621.1265.0), Chromium (110.0.1587.63) Internet Explorer: 11.0.22621.1

Details

node v18.12.1 pnpm v7.29.1

Reproduce link

No response

Reproduce Steps

follow the Quick Start

1. use pnpm create rspack@latest to create a project
2. npm i or pnpm i
3. run serve show

error[internal]: Failed to resolve rspack-project\node_modules\@rspack\dev-client\dist\index.js?protocol=ws%3A&hostname=0.0.0.0&port=8080&pathname=%2Fws&logging=info&overlay=%7B%22errors%22%3Atrue%2C%22warnings%22%3Afalse%7D&reconnect=10&hot=true&live-reload=true in xxx

4. open browser(Chrome) console

Uncaught Error: Failed to resolve {} in context
    at ?a3bb (src\main.jsx:8:1)
    at __webpack_require__ (src\main.jsx:8:1)
    at src\main.jsx:8:1
    at src\main.jsx:8:1

[SunnyTaday]

I have the same problem

[suxin2017]

System: OS: Windows 10 10.0.19044 CPU: (12) x64 Intel(R) Core(TM) i7-8700 CPU @ 3.20GHz Memory: 6.35 GB / 15.81 GB Binaries: Node: 16.20.0 - C:\Program Files\nodejs\node.EXE Yarn: 1.22.19 - ~\AppData\Roaming\npm\yarn.CMD npm: 8.19.4 - C:\Program Files\nodejs\npm.CMD Browsers: Edge: Spartan (44.19041.1266.0), Chromium (113.0.1774.50), ChromiumDev (115.0.1851.0) Internet Explorer: 11.0.19041.1566 npmPackages: @rspack/cli: latest => 0.1.11

I didn't reproduce it on this configuration

[hardfist]

@Lmmmmmm-bb please help check it in latest version

[Lmmmmmm-bb]

ok, i will try to reproduce it in latest version later

[Lmmmmmm-bb]

Looks like it has not been fixed yet, still have the same problem.

I have not changed any files. pnpm build can run normally but pnpm dev has the error.

The blank page displays an error log in the console.

ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
  <React.StrictMode>
    <App />              /* <-- line 8 */
  </React.StrictMode>,
)

Also an error log in the terminal.

error[internal]: Failed to resolve rspack-project\node_modules\.pnpm\@[email protected]_@[email protected][email protected]\node_modules\@rspack\dev-client\dist\index.js?protocol=ws%3A&hostname=0.0.0.0&port=8080&pathname=%2Fws&logging=info&overlay=%7B%22errors%22%3Atrue%2C%22warnings%22%3Afalse%7D&reconnect=10&hot=true&live-reload=true in rspack-project

[Lmmmmmm-bb]

In package.json "@rspack/cli": "latest" installed @rspack/cli version is 0.1.0.

I changed package.json to "@rspack/cli": "0.1.11" and run pnpm dev and found that this problem has been resolved.

Thanks @suxin2017 and @hardfist!

But I don't know why the "latest" version installs "0.1.0".

[hardfist]

But I don't know why the "latest" version installs "0.1.0". maybe your lockfile locks the version to 0.1.0