Module level directives cause errors when bundled, 'use client' was ignored causing JavaScript heap out of memory

Question

I had this error in my pipeline aws: Module level directives cause errors when bundled, 'use client' was ignored causing JavaScript heap out of memory

I want a solution for this problem considering that i am using vite.js on my react.js app.

Answer 1

to resolve this question I used 2 steps:

1. add this code into vite.config.js:

   export default defineConfig({
     build: {
       chunkSizeWarningLimit: 100,
       rollupOptions: {
         onwarn(warning, warn) {
           if (warning.code === "MODULE_LEVEL_DIRECTIVE") {
             return;
           }
           warn(warning);
         },
       },
     },
     plugins: [react()],
   });
   

2. I used this config in my AWS pipeline: https://stackoverflow.com/a/66889948/13507783