小编Red*_*ish的帖子

我正在浏览一些教程，经过大约一个小时的搜索，我似乎找不到解决方案。我对特定组件（导航栏）所做的任何更改都不会反映在开发服务器中。

我只是想更改和使用Image标签，但在 VScode 中保存后，没有反映任何更改，即使在 Google 开发工具的“元素”选项卡中也是如此。

这些更改仅在我重新启动开发服务器后才会反映出来。

import Image from 'next/image';
import Link from 'next/link';

const Navbar = () => {
  return (
    <nav>
      <div className="logo">
        <Image src="/logo.png" alt="nothing" width={122} height={78}/>
      </div>
    </nav>
);
}
 
export default Navbar;

这是我的版本和依赖项：

"packages": {
    "": {
      "name": "ninjalist",
      "version": "0.1.0",
      "dependencies": {
        "@next/font": "13.1.6",
        "next": "13.1.6",
        "react": "18.2.0",
        "react-dom": "18.2.0"
      }
    }

有人有解决办法吗？

我的开发服务器运行在端口3000上，但之前我在其他组件中遇到了同样的问题，所以我将其更改为端口8000，按照另一个线程的解决方案。

"scripts": {
    "dev": "next dev -p 8000",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  }, …