反应几秒钟后不重新加载崩溃

Question

import React from "react";
import ReactDOM from "react-dom/client";
import "./index.css";

const books = [
  {
    topic: "Atomic Habits",
    writer: "James cler",
    publisher: "jhone wick",
    value: "100cr",
    ud: 1,
    pictu:
      "https://i.pinimg.com/564x/71/07/dd/7107dd1d9fe3f4e7b98f38424c356a9c.jpg",
  },
  {
    topic: "cars and coffee",
    writer: "sarthak singh kanwar",
    publisher: "Maviys prints ",
    value: "150cr",
    ud: 2,
    pictu:
      "https://wallpapers.com/images/featured-small/mclaren-js7crb2zb9wbk7zk.webp",
    vod: "",
  },
  {
    topic: "cool bikes ",
    writer: "singh  sarthak",
    publisher: "Mototrola cp",
    value: "60cr",
    ud: 3,
    pictu:
      "https://w0.peakpx.com/wallpaper/265/20/HD-wallpaper-mclaren-p1-power-mclaren-p1-drift.jpg",
    vod: "",
  },
];

function Booklist() {
  return (
    <section className="booklist">
      {books.map((intel) => {
        console.log("s");
        return <Book {...intel} key={intel.ud} />;
      })}
    </section>
  );
}

const Book = (props) => {
  const { topic, writer, value, ud, publisher, pictu, vod } = props;
  const displaytitle = () => {
    console.log(topic);
  }
  return (
    <article className="book">
      <img src={pictu} alt={topic} />
      <button onClick={displaytitle}>title in the log</button>
      <h2>{topic}</h2>
      <h4>{writer}</h4>
    </article>
  );
};

const root = ReactDOM.createRoot(document.getElementById("root"));

root.render(<Booklist />);

我正在学习上面的 React 代码，我不知道 React 如何突然停止在保存时重新加载，我必须手动重新部署站点才能看到更改，一段时间后该站点无法访问

我尝试删除一些新的书面代码，但它不起作用我检查了我的自动保存是否已打开

我收到的错误是 webstock 连接到 ws 本地主机...ws 失败

Answer 1

没有这样的错误，我只是在不知不觉中删除了终端，这就是问题所在