Vite 和 React：停止使用“react-refresh”

Question

每当我在项目中运行 npm start 时，我都会收到以下消息：

[@vitejs/plugin-react] You should stop using "react-refresh" since this plugin conflicts with it.

无论如何，Vite 似乎工作正常，但我想知道是否/如何禁用“反应刷新”

Answer 1

检查你的vite.config.js文件。由于您正在使用@vitejs/plugin-react，您应该看到类似这样的内容（以及任何其他配置）：

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    react({
      babel: {
        plugins: ['babel-plugin-macros', ... (plugins here)],
      },
    }),
  ],
});

在插件数组中，如果有reactRefresh()，则意味着您正在使用@vitejs/plugin-react-refresh以及@vitejs/plugin-react。这是不必要的，因为plugin-react内置了热刷新并且是可定制的。据我所知，它可能不会破坏您的代码，但您可以安全地删除它。