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 具有热刷新 built-in 和可定制。据我所知，它可能不会破坏您的代码，但您可以安全地删除它。

Vite 和 React：停止使用 "react-refresh"

Vite and React: stop using "react-refresh"

reactjs

npm

vite