标签: fast-refresh

这个问题在这里被问了好几次（这里是最相关的，另一个例子），但没有提出任何解决方案。所以我有两个问题要问你们：

1. 知道为什么它在大型项目中不起作用吗？我的意思是，与项目大小或他包含的包相关的快速刷新是否存在任何已知问题，这些问题会使快速刷新停止工作？有什么办法可以解决吗？
2. 是否有一种方便的方法可以在不使用快速刷新的情况下编辑应用程序中的内部页面（无需独立运行页面，因为它取决于应用程序的所有逻辑）？

这个bug真的让我的开发真的很困难，我很难相信专业开发人员还没有找到解决这个问题的方法，请帮助！

我正在使用 expo-cli(v3.26.2 - Expo SDK 38 that using react-native v0.62)

几天前，我开始担任新的开发人员角色，并进行了一些环境更改以适应工作。从那时起，我的热重载/快速刷新就完全停止工作了。即使我手动刷新页面，更改也不会显示。仅当我停止开发服务器并使用“npm run dev”重新启动它时才显示更改。右下角的三角形指示器应该处于活动状态，显示窗口的主动重新加载（这也不再一致显示，如果确实如此，页面会重新加载，但遗憾的是建议的更改不可见）

语境：

• 它对我的所有 NextJS 和 React 应用程序都有这种影响。即使从 NextJS 示例页面运行基本项目模板也显示热重载不起作用。
• 我研究了这个问题，似乎错误的导入（例如使用小写字母导入组件或页面目录中的文件大写）可能会导致此问题，但我梳理了代码并且无法发现任何问题（当然，我可能会错过它）但我的代码库有超过 300 个文件）。
• 后台的服务人员可能会导致问题，但我清除了浏览器中的所有问题以确保它仍然无法解决问题。
• 我安装了 ngrok 用于工作目的隧道，并安装了 docker-compose 来处理工作开发。环境。
• 确保我使用的是最新的 Next 版本。甚至删除了node_modules并运行了npm install。删除了 .next 和 out 文件夹，但仍然没有成功。

有人对我下一步应该尝试什么有任何想法或线索吗？与我工作时安装的东西有关吗？与 VS code 或 WSL2 相关的东西吗？看起来很令人费解，这似乎是在一夜之间发生的。感谢您的任何见解或建议！

系统信息 操作系统：Windows（VS代码的WSL2虚拟化） 浏览器：Chrome Next.js版本：10.0.3 Node.js版本：14.8.0 部署：npm run dev用于开发工作；为 AWS 托管放大发布

我正在使用 nextjs 和 Chakra UI 构建一个网站。我用情感来设计我的导航。

导航组件代码如下：

import Link from "next/link";
import { Flex, List, ListItem } from "@chakra-ui/react";
import Image from "next/image";
import styled from "@emotion/styled";

const Nav = styled.nav`
  position: sticky;
  top: 20px;
  z-index: 2;
`;

export default function StickyNav() {
  return (
    <Nav>
      <Flex
        bg='gray.100'
        justifyContent='space-between'
        p='8'
        borderRadius='16'
      >
        <Image src='/vercel.svg' alt='Vercel Logo' width={72} height={16} />
        <List display='flex' ml='4'>
          <ListItem mr='8'>
            <Link href='#about'>
              <a>About</a>
            </Link>
          </ListItem>
          <ListItem mr='8'>
            <Link href='#projects'>
              <a>Projects</a>
            </Link>
          </ListItem>
          <ListItem>
            <Link href='#contact'>
              <a>Contact</a> …

当我进行大量测试时，每次保存文件都会污染浏览器的控制台。可以关掉吗？

例如。

[Fast Refresh] done in 93ms
hot-dev-client.js?1600:159 [Fast Refresh] rebuilding
hot-dev-client.js?1600:135 [Fast Refresh] done in 37ms
hot-dev-client.js?1600:159 [Fast Refresh] rebuilding
HELLO WORLD
hot-dev-client.js?1600:135 [Fast Refresh] done in 48ms
hot-dev-client.js?1600:159 [Fast Refresh] rebuilding
hot-dev-client.js?1600:135 [Fast Refresh] done in 76ms