CODEWITHSUNDEEP
javascriptreactjstailwind-cssvitetailwind-3
Revan99
Revan99

Reputation: 446

Build is not working in react using vite bundler

enter image description here

I use web-pack before and wanted to change it to vite I copied all the file from the web-pack version to the vite version when I issue yarn dev it work but we I build it and run the build with serve dist it give me this error on the browser and it won't render any thing

Upvotes: 4

Views: 9101

Answers (2)

Revan99
Revan99

Reputation: 446

the problem was with a react library called react-custom-scrollbars

Upvotes: 2

valerii15298
valerii15298

Reputation: 870

You need to use this config, (take a look at @vitejs/plugin-react which you probably need to install)

vite.config.js:

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

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

The thing is that vite does not import React by default into jsx components, so you need to do it manually in every component or use this plugin.

Upvotes: 3

Related Questions