使用 vite 捆绑器构建无法响应答案

【问题标题】：Build is not working in react using vite bundler使用 vite 捆绑器构建无法响应
【发布时间】：2022-04-01 02:23:11
【问题描述】：

我以前用过web-pack，想把它改成vite，我把web-pack版本的所有文件都复制到了vite版本当我发出yarn dev 时它可以工作，但我们构建它并使用serve dist 运行构建它在浏览器上给我这个错误，它不会呈现任何东西

【问题讨论】：

您是否再次尝试npm isntall 以便可以安装所有依赖项？

标签： javascript reactjs tailwind-css vite tailwind-3

【解决方案1】：

你需要使用这个配置，（看看你可能需要安装的@vitejs/plugin-react）

vite.config.js:

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

export default ({ mode }) => {
  return defineConfig({
    plugins: [
      react(),
    ],
  });
};

问题是vite默认不将React导入jsx组件，所以需要在每个组件中手动导入或者使用这个插件。

【讨论】：

【解决方案2】：

问题在于名为 react-custom-scrollbars 的反应库

【讨论】：

我遇到了与 react-custom-scrollbars-2 完全相同的问题。很奇怪，Vite 在开发模式下不只显示错误。