NPM RUN DEV 冻结

Question

我正在尝试安装 laravel 和 Breeze。在 npm install 之前一切都很顺利。但是当我运行 npm dev 时，它冻结了并且没有其他反应。以下是它停止时所说的内容：

VITE v3.0.9  ready in 1434 ms

  ➜  Local:   http://127.0.0.1:5176/
  ➜  Network: use --host to expose

  LARAVEL v9.25.1  plugin v0.5.4

  ➜  APP_URL: http://localhost

请！我该如何解决这个问题？

更新： 运行 npm build 后，npm run dev 仍然冻结。下面是代码。

npm run build

> build     
> vite build

vite v3.0.9 building for production...
✓ 119 modules transformed.
public/build/manifest.json             0.25 KiB
public/build/assets/app.c090eeea.css   186.93 KiB / gzip: 26.55 KiB
public/build/assets/app.aac2dc08.js    170.64 KiB / gzip: 57.15 KiB

amand@Amanda MINGW64 /c/laragon/www/patinoire
$ npm run dev

> dev
> vite

Port 5173 is in use, trying another one...
Port 5174 is in use, trying another one...

  VITE v3.0.9  ready in 1043 ms

  ➜  Local:   http://127.0.0.1:5175/
  ➜  Network: use --host to expose

  LARAVEL v9.25.1  plugin v0.5.4

  ➜  APP_URL: http://localhost

Answer 1

尝试

npm run build

npm run dev

我认为它会起作用

Answer 2

这发生在我身上，因为我错误地进行了循环引用。我制作了一个像这样的 React 组件，这显然是无效的。从

TaskCard

组件中移除

TaskCard

后，chrome 停止冻结。我想知道为什么没有出现错误。我什至能够通过

npm run build

来构建。也许是因为我也为道具使用了相同的类型名称。我也纠正了这个问题。

export const TaskCard = (props: TaskCard) => {
  const { key, title, onClick: onClick } = props

  return (
    <Card className=''>
      <p>{title}</p>
      <TaskCard key={key} onClick={onClick} title={title} />
    </Card>
  )
}