search

vitejs / vite

Next generation frontend tooling. It's fast!
http://vitejs.dev
MIT License
67.22k stars 6.04k forks source link

Vite shows blank page instead of helpful error message #6500

Closed natnaelmb1 closed 2 years ago

natnaelmb1 commented 2 years ago

Describe the bug

Importing jsonwebtoken inside my project Uncaught TypeError: Cannot read properties of undefined (reading 'from') on Chrome and Uncaught TypeError: Buffer2 is undefined on Firefox. I am using vite(2.7.2) and jsonwebttoken(8.5.1). I tried both yarn and npm to install the package. Same result.

Reproduction

https://stackblitz.com/edit/vitejs-vite-dqj9vs?file=main.js

System Info

System:
    OS: Linux 5.10 Manjaro Linux
    CPU: (4) x64 Intel(R) Core(TM) i7-5600U CPU @ 2.60GHz
    Memory: 433.96 MB / 15.51 GB
    Container: Yes
    Shell: 3.3.1 - /bin/fish
  Binaries:
    Node: 17.3.0 - /usr/bin/node
    Yarn: 1.22.11 - /usr/local/bin/yarn
    npm: 8.3.0 - /usr/bin/npm
  Browsers:
    Chromium: 97.0.4692.71
    Firefox: 95.0.2

### Used Package Manager

yarn

### Logs

```shell
vite:config bundled config file loaded in 297.39ms +0ms
[dotenv][DEBUG] did not match key and value when parsing line 2: 
[dotenv][DEBUG] did not match key and value when parsing line 1: # VITE_HASURA_URI=http://localhost:8080/v1/graphql
[dotenv][DEBUG] did not match key and value when parsing line 2: # VITE_HASURA_URI=http://172.20.0.2:8080/v1/graphql
  vite:config using resolved config: {
  vite:config   plugins: [
  vite:config     'vite:pre-alias',
  vite:config     'alias',
  vite:config     'vite:react-babel',
  vite:config     'vite:react-refresh',
  vite:config     'vite:react-jsx',
  vite:config     'vite:modulepreload-polyfill',
  vite:config     'vite:resolve',
  vite:config     'vite:html-inline-script-proxy',
  vite:config     'vite:css',
  vite:config     'vite:esbuild',
  vite:config     'vite:json',
  vite:config     'vite:wasm',
  vite:config     'vite:worker',
  vite:config     'vite:asset',
  vite:config     'vite:define',
  vite:config     'vite:css-post',
  vite:config     'vite:client-inject',
  vite:config     'vite:import-analysis'
  vite:config   ],
  vite:config   server: {
  vite:config     preTransformRequests: true,
  vite:config     fs: { strict: true, allow: [Array], deny: [Array] }
  vite:config   },
  vite:config   resolve: { dedupe: [ 'react', 'react-dom' ], alias: [ [Object], [Object] ] },
  vite:config   optimizeDeps: {
  vite:config     include: [ 'react/jsx-dev-runtime' ],
  vite:config     esbuildOptions: { keepNames: undefined, preserveSymlinks: undefined }
  vite:config   },
  vite:config   configFile: '/home/phat/projects/personal/clinica/client/vite.config.js',
  vite:config   configFileDependencies: [ 'vite.config.js' ],
  vite:config   inlineConfig: {
  vite:config     root: undefined,
  vite:config     base: undefined,
  vite:config     mode: undefined,
  vite:config     configFile: undefined,
  vite:config     logLevel: undefined,
  vite:config     clearScreen: undefined,
  vite:config     server: {}
  vite:config   },
  vite:config   root: '/home/phat/projects/personal/clinica/client',
  vite:config   base: '/',
  vite:config   publicDir: '/home/phat/projects/personal/clinica/client/public',
  vite:config   cacheDir: '/home/phat/projects/personal/clinica/client/node_modules/.vite',
  vite:config   command: 'serve',
  vite:config   mode: 'development',
  vite:config   isProduction: false,
  vite:config   build: {
  vite:config     target: [ 'es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1' ],
  vite:config     polyfillModulePreload: true,
  vite:config     outDir: '/home/phat/projects/personal/clinica/client/dist',
  vite:config     assetsDir: 'assets',
  vite:config     assetsInlineLimit: 4096,
  vite:config     cssCodeSplit: true,
  vite:config     cssTarget: [ 'es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1' ],
  vite:config     sourcemap: false,
  vite:config     rollupOptions: {},
  vite:config     minify: 'esbuild',
  vite:config     terserOptions: {},
  vite:config     write: true,
  vite:config     emptyOutDir: null,
  vite:config     manifest: false,
  vite:config     lib: false,
  vite:config     ssr: false,
  vite:config     ssrManifest: false,
  vite:config     reportCompressedSize: true,
  vite:config     chunkSizeWarningLimit: 500,
  vite:config     watch: null,
  vite:config     commonjsOptions: { include: [Array], extensions: [Array] },
  vite:config     dynamicImportVarsOptions: { warnOnError: true, exclude: [Array] }
  vite:config   },
  vite:config   preview: {
  vite:config     port: undefined,
  vite:config     strictPort: undefined,
  vite:config     host: undefined,
  vite:config     https: undefined,
  vite:config     open: undefined,
  vite:config     proxy: undefined,
  vite:config     cors: undefined
  vite:config   },
  vite:config   env: {
  vite:config     VITE_HASURA_REST_URL: 'http://localhost:8080/api/rest',
  vite:config     VITE_ADMIN_SECRET: '842c5e9dc0abad74007f98d15dc2b8da4fc3f651c8ce8735c73e41cdf7accec8082ce06a7f032762b178f8a32f0f20f2685b1b34bceed80d31ba6f140d8308b3',
  vite:config     BASE_URL: '/',
  vite:config     MODE: 'development',
  vite:config     DEV: true,
  vite:config     PROD: false
  vite:config   },
  vite:config   assetsInclude: [Function: assetsInclude],
  vite:config   logger: {
  vite:config     hasWarned: false,
  vite:config     info: [Function: info],
  vite:config     warn: [Function: warn],
  vite:config     warnOnce: [Function: warnOnce],
  vite:config     error: [Function: error],
  vite:config     clearScreen: [Function: clearScreen],
  vite:config     hasErrorLogged: [Function: hasErrorLogged]
  vite:config   },
  vite:config   packageCache: Map(0) {},
  vite:config   createResolver: [Function: createResolver]
  vite:config } +14ms
  vite:deps Hash is consistent. Skipping. Use --force to override. +0ms

  vite v2.7.10 dev server running at:

  > Local: http://localhost:3000/
  > Network: use `--host` to expose

  ready in 518ms.

  vite:time 0.59ms / +0ms
  vite:resolve 3.32ms /login -> null +0ms
  vite:spa-fallback Rewriting GET /login to /index.html +0ms
  vite:time 48.60ms /index.html +304ms
  vite:resolve 1.89ms /@vite/client -> /home/phat/projects/personal/clinica/client/node_modules/vite/dist/client/client.mjs +328ms
  vite:resolve 0.47ms /src/main.jsx -> /home/phat/projects/personal/clinica/client/src/main.jsx +16ms
  vite:load 2.27ms [fs] /src/main.jsx +0ms
  vite:load 494.48ms [fs] /@vite/client +481ms
  vite:resolve 0.87ms @vite/env -> /home/phat/projects/personal/clinica/client/node_modules/vite/dist/client/env.mjs +501ms
  vite:resolve 0.20ms /node_modules/vite/dist/client/env.mjs -> /home/phat/projects/personal/clinica/client/node_modules/vite/dist/client/env.mjs +1ms
  vite:import-analysis 9.49ms [1 imports rewritten] node_modules/vite/dist/client/client.mjs +0ms
  vite:transform 13.34ms /@vite/client +0ms
  vite:time 523.21ms /@vite/client +806ms
  vite:load 0.02ms [plugin] /@react-refresh +21ms
  vite:import-analysis 1.16ms [no imports] /@react-refresh +7ms
  vite:transform 2.10ms /@react-refresh +7ms
  vite:time 3.41ms /@react-refresh +7ms
  vite:resolve 0.12ms react -> /home/phat/projects/personal/clinica/client/node_modules/.vite/react.js?v=74c3f395&es-interop +17ms
  vite:resolve 0.37ms /node_modules/.vite/react.js?v=74c3f395&es-interop -> /home/phat/projects/personal/clinica/client/node_modules/.vite/react.js?v=74c3f395&es-interop +0ms
  vite:resolve 0.06ms react-dom -> /home/phat/projects/personal/clinica/client/node_modules/.vite/react-dom.js?v=74c3f395&es-interop +5ms
  vite:resolve 0.29ms /node_modules/.vite/react-dom.js?v=74c3f395&es-interop -> /home/phat/projects/personal/clinica/client/node_modules/.vite/react-dom.js?v=74c3f395&es-interop +1ms
  vite:resolve 0.36ms ./index.css -> /home/phat/projects/personal/clinica/client/src/index.css +1ms
  vite:resolve 0.21ms /src/index.css -> /home/phat/projects/personal/clinica/client/src/index.css +1ms
  vite:resolve 0.12ms react-router-dom -> /home/phat/projects/personal/clinica/client/node_modules/.vite/react-router-dom.js?v=74c3f395 +0ms
  vite:resolve 0.46ms /node_modules/.vite/react-router-dom.js?v=74c3f395 -> /home/phat/projects/personal/clinica/client/node_modules/.vite/react-router-dom.js?v=74c3f395 +1ms
  vite:resolve 1.64ms ./App -> /home/phat/projects/personal/clinica/client/src/App.jsx +2ms
  vite:resolve 0.33ms /src/App.jsx -> /home/phat/projects/personal/clinica/client/src/App.jsx +1ms
  vite:resolve 0.66ms ./Pages/Login -> /home/phat/projects/personal/clinica/client/src/Pages/Login.jsx +1ms
  vite:resolve 0.22ms /src/Pages/Login.jsx -> /home/phat/projects/personal/clinica/client/src/Pages/Login.jsx +0ms
  vite:resolve 0.76ms ./Pages/NotFound404 -> /home/phat/projects/personal/clinica/client/src/Pages/NotFound404.jsx +1ms
  vite:resolve 0.23ms /src/Pages/NotFound404.jsx -> /home/phat/projects/personal/clinica/client/src/Pages/NotFound404.jsx +1ms
  vite:resolve 0.54ms ./Pages/Patients/Index -> /home/phat/projects/personal/clinica/client/src/Pages/Patients/Index.jsx +1ms
  vite:resolve 3.01ms /src/Pages/Patients/Index.jsx -> /home/phat/projects/personal/clinica/client/src/Pages/Patients/Index.jsx +3ms
  vite:resolve 0.78ms ./Pages/Patients/Store -> /home/phat/projects/personal/clinica/client/src/Pages/Patients/Store.jsx +1ms
  vite:resolve 0.23ms /src/Pages/Patients/Store.jsx -> /home/phat/projects/personal/clinica/client/src/Pages/Patients/Store.jsx +0ms
  vite:resolve 2.48ms ./Pages/Patients/View -> /home/phat/projects/personal/clinica/client/src/Pages/Patients/View.jsx +3ms
  vite:resolve 11.36ms /src/Pages/Patients/View.jsx -> /home/phat/projects/personal/clinica/client/src/Pages/Patients/View.jsx +12ms
  vite:resolve 0.08ms react/jsx-dev-runtime -> /home/phat/projects/personal/clinica/client/node_modules/.vite/react_jsx-dev-runtime.js?v=74c3f395&es-interop +1ms
  vite:resolve 0.45ms /node_modules/.vite/react_jsx-dev-runtime.js?v=74c3f395&es-interop -> /home/phat/projects/personal/clinica/client/node_modules/.vite/react_jsx-dev-runtime.js?v=74c3f395&es-interop +1ms
  vite:resolve 0.36ms /node_modules/.vite/react.js?v=74c3f395 -> /home/phat/projects/personal/clinica/client/node_modules/.vite/react.js?v=74c3f395 +5ms
  vite:resolve 0.82ms /node_modules/.vite/react-dom.js?v=74c3f395 -> /home/phat/projects/personal/clinica/client/node_modules/.vite/react-dom.js?v=74c3f395 +1ms
  vite:resolve 0.24ms /node_modules/.vite/react_jsx-dev-runtime.js?v=74c3f395 -> /home/phat/projects/personal/clinica/client/node_modules/.vite/react_jsx-dev-runtime.js?v=74c3f395 +3ms
  vite:import-analysis 49.84ms [11 imports rewritten] src/main.jsx +54ms
  vite:transform 561.66ms /src/main.jsx +59ms
  vite:load 12.64ms [fs] /src/index.css +80ms
  vite:load 15.78ms [fs] /node_modules/.vite/react-dom.js?v=74c3f395 +3ms
  vite:resolve 0.19ms ./chunk-PHGHP5KI.js -> /home/phat/projects/personal/clinica/client/node_modules/.vite/chunk-PHGHP5KI.js +29ms
  vite:resolve 0.41ms /node_modules/.vite/chunk-PHGHP5KI.js?v=74c3f395 -> /home/phat/projects/personal/clinica/client/node_modules/.vite/chunk-PHGHP5KI.js?v=74c3f395 +1ms
  vite:resolve 0.26ms ./chunk-PKEFF2V6.js -> /home/phat/projects/personal/clinica/client/node_modules/.vite/chunk-PKEFF2V6.js +0ms
  vite:resolve 0.33ms /node_modules/.vite/chunk-PKEFF2V6.js?v=74c3f395 -> /home/phat/projects/personal/clinica/client/node_modules/.vite/chunk-PKEFF2V6.js?v=74c3f395 +1ms
  vite:resolve 0.24ms ./chunk-ESTXZSVW.js -> /home/phat/projects/personal/clinica/client/node_modules/.vite/chunk-ESTXZSVW.js +0ms
  vite:resolve 0.32ms /node_modules/.vite/chunk-ESTXZSVW.js?v=74c3f395 -> /home/phat/projects/personal/clinica/client/node_modules/.vite/chunk-ESTXZSVW.js?v=74c3f395 +1ms
  vite:import-analysis 5.35ms [3 imports rewritten] node_modules/.vite/react-dom.js?v=74c3f395 +34ms
  vite:transform 6.14ms /node_modules/.vite/react-dom.js?v=74c3f395 +28ms
  vite:load 24.68ms [fs] /node_modules/.vite/react.js?v=74c3f395 +9ms
  vite:import-analysis 1.89ms [2 imports rewritten] node_modules/.vite/react.js?v=74c3f395 +5ms
  vite:transform 2.44ms /node_modules/.vite/react.js?v=74c3f395 +5ms
  vite:load 97.97ms [fs] /node_modules/vite/dist/client/env.mjs +3ms
  vite:import-analysis 0.04ms [no imports] node_modules/vite/dist/client/env.mjs +2ms
  vite:transform 0.39ms /node_modules/vite/dist/client/env.mjs +2ms
  vite:time 22.47ms /node_modules/vite/dist/client/env.mjs +94ms
  vite:load 30.76ms [fs] /src/Pages/Login.jsx +3ms
  vite:load 121.50ms [fs] /node_modules/.vite/react-router-dom.js?v=74c3f395 +91ms
  vite:resolve 0.19ms ./chunk-2MI3HBLB.js -> /home/phat/projects/personal/clinica/client/node_modules/.vite/chunk-2MI3HBLB.js +110ms
  vite:resolve 0.18ms /node_modules/.vite/chunk-2MI3HBLB.js?v=74c3f395 -> /home/phat/projects/personal/clinica/client/node_modules/.vite/chunk-2MI3HBLB.js?v=74c3f395 +1ms
  vite:import-analysis 4.65ms [3 imports rewritten] node_modules/.vite/react-router-dom.js?v=74c3f395 +105ms
  vite:transform 5.20ms /node_modules/.vite/react-router-dom.js?v=74c3f395 +105ms
  vite:load 137.31ms [fs] /src/Pages/NotFound404.jsx +15ms
  vite:load 155.61ms [fs] /src/Pages/Patients/View.jsx +19ms
  vite:load 314.93ms [fs] /src/App.jsx +159ms
  vite:time 903.89ms /src/main.jsx +296ms
  vite:load 331.06ms [fs] /src/Pages/Patients/Index.jsx +16ms
  vite:resolve 0.14ms jsonwebtoken -> /home/phat/projects/personal/clinica/client/node_modules/.vite/jsonwebtoken.js?v=74c3f395&es-interop +341ms
  vite:resolve 0.34ms axios -> /home/phat/projects/personal/clinica/client/node_modules/.vite/axios.js?v=74c3f395&es-interop +0ms
  vite:resolve 1.21ms ./Components/Navbar -> /home/phat/projects/personal/clinica/client/src/Components/Navbar.jsx +1ms
  vite:resolve 2.66ms /node_modules/.vite/jsonwebtoken.js?v=74c3f395&es-interop -> /home/phat/projects/personal/clinica/client/node_modules/.vite/jsonwebtoken.js?v=74c3f395&es-interop +2ms
  vite:resolve 3.23ms /node_modules/.vite/axios.js?v=74c3f395&es-interop -> /home/phat/projects/personal/clinica/client/node_modules/.vite/axios.js?v=74c3f395&es-interop +0ms
  vite:hmr [self-accepts] src/Pages/NotFound404.jsx +0ms
  vite:resolve 6.83ms /src/Components/Navbar.jsx -> /home/phat/projects/personal/clinica/client/src/Components/Navbar.jsx +5ms
  vite:import-analysis 14.38ms [2 imports rewritten] src/Pages/NotFound404.jsx +350ms
  vite:transform 349.10ms /src/Pages/NotFound404.jsx +353ms
  vite:cache [memory] /@react-refresh +0ms
  vite:resolve 1.00ms @mui/material -> /home/phat/projects/personal/clinica/client/node_modules/.vite/@mui_material.js?v=74c3f395 +11ms
  vite:hmr [self-accepts] src/App.jsx +15ms
  vite:resolve 3.15ms /node_modules/.vite/@mui_material.js?v=74c3f395 -> /home/phat/projects/personal/clinica/client/node_modules/.vite/@mui_material.js?v=74c3f395 +4ms
  vite:hmr [self-accepts] src/Pages/Patients/View.jsx +6ms
  vite:resolve 0.83ms /node_modules/.vite/axios.js?v=74c3f395 -> /home/phat/projects/personal/clinica/client/node_modules/.vite/axios.js?v=74c3f395 +5ms
  vite:hmr [self-accepts] src/Pages/Login.jsx +2ms
  vite:import-analysis 32.20ms [4 imports rewritten] src/App.jsx +18ms
  vite:transform 188.72ms /src/App.jsx +16ms
  vite:cache [memory] /@react-refresh +15ms
  vite:cache [memory] /node_modules/.vite/react-router-dom.js?v=74c3f395 +0ms
  vite:resolve 0.86ms /node_modules/.vite/jsonwebtoken.js?v=74c3f395 -> /home/phat/projects/personal/clinica/client/node_modules/.vite/jsonwebtoken.js?v=74c3f395 +5ms
  vite:import-analysis 40.06ms [6 imports rewritten] src/Pages/Patients/View.jsx +8ms
  vite:transform 390.28ms /src/Pages/Patients/View.jsx +43ms
  vite:cache [memory] /@react-refresh +43ms
  vite:cache [memory] /node_modules/.vite/react.js?v=74c3f395 +0ms
  vite:cache [memory] /node_modules/.vite/react-router-dom.js?v=74c3f395 +0ms
  vite:import-analysis 81.56ms [7 imports rewritten] src/Pages/Login.jsx +41ms
  vite:transform 524.82ms /src/Pages/Login.jsx +9ms
  vite:cache [memory] /@react-refresh +10ms
  vite:cache [memory] /node_modules/.vite/react.js?v=74c3f395 +0ms
  vite:cache [memory] /node_modules/.vite/react-router-dom.js?v=74c3f395 +0ms
  vite:load 558.77ms [fs] /src/Pages/Patients/Store.jsx +228ms
  vite:load 614.03ms [fs] /node_modules/.vite/react_jsx-dev-runtime.js?v=74c3f395 +55ms
  vite:import-analysis 4.12ms [2 imports rewritten] node_modules/.vite/react_jsx-dev-runtime.js?v=74c3f395 +75ms
  vite:transform 4.63ms /node_modules/.vite/react_jsx-dev-runtime.js?v=74c3f395 +71ms
  vite:resolve 0.45ms @mui/icons-material/Add -> /home/phat/projects/personal/clinica/client/node_modules/.vite/@mui_icons-material_Add.js?v=74c3f395&es-interop +141ms
  vite:resolve 0.48ms /node_modules/.vite/@mui_icons-material_Add.js?v=74c3f395&es-interop -> /home/phat/projects/personal/clinica/client/node_modules/.vite/@mui_icons-material_Add.js?v=74c3f395&es-interop +1ms
  vite:hmr [self-accepts] src/Pages/Patients/Store.jsx +147ms
  vite:hmr [self-accepts] src/Pages/Patients/Index.jsx +2ms
  vite:import-analysis 10.34ms [5 imports rewritten] src/Pages/Patients/Store.jsx +26ms
  vite:transform 94.51ms /src/Pages/Patients/Store.jsx +27ms
  vite:cache [memory] /@react-refresh +97ms
  vite:cache [memory] /node_modules/.vite/react.js?v=74c3f395 +0ms
  vite:cache [memory] /node_modules/.vite/react_jsx-dev-runtime.js?v=74c3f395 +0ms
  vite:resolve 0.31ms /node_modules/.vite/@mui_icons-material_Add.js?v=74c3f395 -> /home/phat/projects/personal/clinica/client/node_modules/.vite/@mui_icons-material_Add.js?v=74c3f395 +8ms
  vite:import-analysis 14.72ms [7 imports rewritten] src/Pages/Patients/Index.jsx +4ms
  vite:transform 326.59ms /src/Pages/Patients/Index.jsx +5ms
  vite:cache [memory] /@react-refresh +5ms
  vite:cache [memory] /node_modules/.vite/react.js?v=74c3f395 +0ms
  vite:cache [memory] /node_modules/.vite/react-router-dom.js?v=74c3f395 +0ms
  vite:cache [memory] /node_modules/.vite/react_jsx-dev-runtime.js?v=74c3f395 +0ms
  vite:cache [memory] /node_modules/.vite/react.js?v=74c3f395 +2ms
  vite:time 1.28ms /node_modules/.vite/react.js?v=74c3f395 +336ms
  vite:cache [304] /node_modules/.vite/react-dom.js?v=74c3f395 +0ms
  vite:time 0.72ms /node_modules/.vite/react-dom.js?v=74c3f395 +2ms
  vite:cache [304] /node_modules/.vite/react-router-dom.js?v=74c3f395 +10ms
  vite:time 4.14ms /node_modules/.vite/react-router-dom.js?v=74c3f395 +10ms
  vite:load 658.38ms [fs] /node_modules/.vite/chunk-PKEFF2V6.js?v=74c3f395 +69ms
  vite:import-analysis 3.18ms [1 imports rewritten] node_modules/.vite/chunk-PKEFF2V6.js?v=74c3f395 +37ms
  vite:transform 3.95ms /node_modules/.vite/chunk-PKEFF2V6.js?v=74c3f395 +35ms
  vite:load 558.40ms [fs] /node_modules/.vite/chunk-2MI3HBLB.js?v=74c3f395 +12ms
  vite:import-analysis 1.05ms [1 imports rewritten] node_modules/.vite/chunk-2MI3HBLB.js?v=74c3f395 +8ms
  vite:transform 2.58ms /node_modules/.vite/chunk-2MI3HBLB.js?v=74c3f395 +9ms
  vite:load 680.02ms [fs] /node_modules/.vite/chunk-ESTXZSVW.js?v=74c3f395 +9ms
  vite:import-analysis 0.05ms [no imports] node_modules/.vite/chunk-ESTXZSVW.js?v=74c3f395 +5ms
  vite:transform 2.11ms /node_modules/.vite/chunk-ESTXZSVW.js?v=74c3f395 +6ms
  vite:load 207.67ms [fs] /src/Components/Navbar.jsx +10ms
  vite:load 255.16ms [fs] /node_modules/.vite/axios.js?v=74c3f395 +90ms
  vite:import-analysis 3.03ms [1 imports rewritten] node_modules/.vite/axios.js?v=74c3f395 +109ms
  vite:transform 5.51ms /node_modules/.vite/axios.js?v=74c3f395 +109ms
  vite:cache [memory] /node_modules/.vite/chunk-ESTXZSVW.js?v=74c3f395 +159ms
  vite:load 798.23ms [fs] /node_modules/.vite/chunk-PHGHP5KI.js?v=74c3f395 +18ms
  vite:import-analysis 34.64ms [2 imports rewritten] node_modules/.vite/chunk-PHGHP5KI.js?v=74c3f395 +84ms
  vite:transform 37.68ms /node_modules/.vite/chunk-PHGHP5KI.js?v=74c3f395 +82ms
  vite:cache [memory] /node_modules/.vite/chunk-PKEFF2V6.js?v=74c3f395 +85ms
  vite:cache [memory] /node_modules/.vite/chunk-ESTXZSVW.js?v=74c3f395 +0ms
  vite:load 348.19ms [fs] /node_modules/.vite/jsonwebtoken.js?v=74c3f395 +85ms
  vite:import-analysis 3.52ms [1 imports rewritten] node_modules/.vite/jsonwebtoken.js?v=74c3f395 +15ms
  vite:transform 4.24ms /node_modules/.vite/jsonwebtoken.js?v=74c3f395 +15ms
  vite:cache [memory] /node_modules/.vite/chunk-ESTXZSVW.js?v=74c3f395 +11ms
  vite:time 239.67ms /src/Pages/NotFound404.jsx +244ms
  vite:time 238.60ms /src/App.jsx +1ms
  vite:time 256.14ms /src/Pages/Login.jsx +2ms
  vite:load 262.13ms [fs] /node_modules/.vite/@mui_icons-material_Add.js?v=74c3f395 +15ms
  vite:resolve 0.68ms ./chunk-JJWV6RUM.js -> /home/phat/projects/personal/clinica/client/node_modules/.vite/chunk-JJWV6RUM.js +269ms
  vite:resolve 0.45ms /node_modules/.vite/chunk-JJWV6RUM.js?v=74c3f395 -> /home/phat/projects/personal/clinica/client/node_modules/.vite/chunk-JJWV6RUM.js?v=74c3f395 +1ms
  vite:resolve 0.31ms ./chunk-7KASWCDU.js -> /home/phat/projects/personal/clinica/client/node_modules/.vite/chunk-7KASWCDU.js +1ms
  vite:resolve 0.40ms /node_modules/.vite/chunk-7KASWCDU.js?v=74c3f395 -> /home/phat/projects/personal/clinica/client/node_modules/.vite/chunk-7KASWCDU.js?v=74c3f395 +1ms
  vite:import-analysis 9.43ms [6 imports rewritten] node_modules/.vite/@mui_icons-material_Add.js?v=74c3f395 +19ms
  vite:transform 10.24ms /node_modules/.vite/@mui_icons-material_Add.js?v=74c3f395 +19ms
  vite:cache [memory] /node_modules/.vite/chunk-PHGHP5KI.js?v=74c3f395 +19ms
  vite:cache [memory] /node_modules/.vite/chunk-2MI3HBLB.js?v=74c3f395 +0ms
  vite:cache [memory] /node_modules/.vite/chunk-PKEFF2V6.js?v=74c3f395 +0ms
  vite:cache [memory] /node_modules/.vite/chunk-ESTXZSVW.js?v=74c3f395 +0ms
  vite:resolve 0.06ms @mui/icons-material/Menu -> /home/phat/projects/personal/clinica/client/node_modules/.vite/@mui_icons-material_Menu.js?v=74c3f395&es-interop +13ms
  vite:resolve 0.58ms /node_modules/.vite/@mui_icons-material_Menu.js?v=74c3f395&es-interop -> /home/phat/projects/personal/clinica/client/node_modules/.vite/@mui_icons-material_Menu.js?v=74c3f395&es-interop +0ms
  vite:resolve 0.22ms ../logo.svg -> /home/phat/projects/personal/clinica/client/src/logo.svg +2ms
  vite:resolve 0.19ms /src/logo.svg -> /home/phat/projects/personal/clinica/client/src/logo.svg +0ms
  vite:hmr [self-accepts] src/Components/Navbar.jsx +297ms
  vite:resolve 0.32ms /node_modules/.vite/@mui_icons-material_Menu.js?v=74c3f395 -> /home/phat/projects/personal/clinica/client/node_modules/.vite/@mui_icons-material_Menu.js?v=74c3f395 +6ms
  vite:import-analysis 12.49ms [7 imports rewritten] src/Components/Navbar.jsx +16ms
  vite:transform 234.90ms /src/Components/Navbar.jsx +18ms
  vite:cache [memory] /@react-refresh +17ms
  vite:cache [memory] /node_modules/.vite/react.js?v=74c3f395 +0ms
  vite:cache [memory] /node_modules/.vite/react-router-dom.js?v=74c3f395 +1ms
  vite:cache [memory] /node_modules/.vite/react_jsx-dev-runtime.js?v=74c3f395 +0ms
  vite:load 0.75ms [plugin] /src/logo.svg +33ms
  vite:import-analysis 0.04ms [no imports] src/logo.svg +6ms
  vite:transform 0.29ms /src/logo.svg +4ms
  vite:load 407.99ms [fs] /node_modules/.vite/@mui_material.js?v=74c3f395 +2ms
  vite:import-analysis 52.77ms [5 imports rewritten] node_modules/.vite/@mui_material.js?v=74c3f395 +120ms
  vite:transform 59.75ms /node_modules/.vite/@mui_material.js?v=74c3f395 +120ms
  vite:cache [memory] /node_modules/.vite/chunk-PHGHP5KI.js?v=74c3f395 +128ms
  vite:cache [memory] /node_modules/.vite/chunk-2MI3HBLB.js?v=74c3f395 +0ms
  vite:cache [memory] /node_modules/.vite/chunk-PKEFF2V6.js?v=74c3f395 +0ms
  vite:cache [memory] /node_modules/.vite/chunk-ESTXZSVW.js?v=74c3f395 +0ms
  vite:time 400.48ms /src/Pages/Patients/Index.jsx +162ms
  vite:time 129.53ms /src/Pages/Patients/Store.jsx +3ms
  vite:cache [memory] /src/Pages/Patients/View.jsx +12ms
  vite:time 2.02ms /src/Pages/Patients/View.jsx +9ms
  vite:cache [memory] /node_modules/.vite/react_jsx-dev-runtime.js?v=74c3f395 +7ms
  vite:time 2.39ms /node_modules/.vite/react_jsx-dev-runtime.js?v=74c3f395 +7ms
  vite:cache [memory] /node_modules/.vite/chunk-PKEFF2V6.js?v=74c3f395 +5ms
  vite:time 3.60ms /node_modules/.vite/chunk-PKEFF2V6.js?v=74c3f395 +6ms
  vite:cache [memory] /node_modules/.vite/chunk-2MI3HBLB.js?v=74c3f395 +10ms
  vite:time 0.95ms /node_modules/.vite/chunk-2MI3HBLB.js?v=74c3f395 +8ms
  vite:cache [memory] /node_modules/.vite/axios.js?v=74c3f395 +1ms
  vite:time 1.96ms /node_modules/.vite/axios.js?v=74c3f395 +2ms
  vite:cache [memory] /node_modules/.vite/chunk-ESTXZSVW.js?v=74c3f395 +6ms
  vite:time 0.69ms /node_modules/.vite/chunk-ESTXZSVW.js?v=74c3f395 +5ms
  vite:cache [304] /node_modules/.vite/chunk-PHGHP5KI.js?v=74c3f395 +450ms
  vite:time 0.76ms /node_modules/.vite/chunk-PHGHP5KI.js?v=74c3f395 +1ms
  vite:cache [304] /node_modules/.vite/jsonwebtoken.js?v=74c3f395 +2ms
  vite:time 1.00ms /node_modules/.vite/jsonwebtoken.js?v=74c3f395 +2ms
  vite:cache [304] /node_modules/.vite/@mui_material.js?v=74c3f395 +2ms
  vite:time 0.81ms /node_modules/.vite/@mui_material.js?v=74c3f395 +2ms
  vite:load 198.41ms [fs] /node_modules/.vite/chunk-JJWV6RUM.js?v=74c3f395 +178ms
  vite:import-analysis 3.44ms [2 imports rewritten] node_modules/.vite/chunk-JJWV6RUM.js?v=74c3f395 +65ms
  vite:transform 3.75ms /node_modules/.vite/chunk-JJWV6RUM.js?v=74c3f395 +65ms
  vite:cache [memory] /node_modules/.vite/chunk-ESTXZSVW.js?v=74c3f395 +18ms
  vite:load 188.03ms [fs] /node_modules/.vite/@mui_icons-material_Menu.js?v=74c3f395 +7ms
  vite:import-analysis 4.87ms [6 imports rewritten] node_modules/.vite/@mui_icons-material_Menu.js?v=74c3f395 +30ms
  vite:transform 5.33ms /node_modules/.vite/@mui_icons-material_Menu.js?v=74c3f395 +31ms
  vite:cache [memory] /node_modules/.vite/chunk-JJWV6RUM.js?v=74c3f395 +32ms
  vite:cache [memory] /node_modules/.vite/chunk-PHGHP5KI.js?v=74c3f395 +0ms
  vite:cache [memory] /node_modules/.vite/chunk-2MI3HBLB.js?v=74c3f395 +0ms
  vite:cache [memory] /node_modules/.vite/chunk-PKEFF2V6.js?v=74c3f395 +0ms
  vite:cache [memory] /node_modules/.vite/chunk-ESTXZSVW.js?v=74c3f395 +0ms
  vite:load 236.84ms [fs] /node_modules/.vite/chunk-7KASWCDU.js?v=74c3f395 +31ms
  vite:import-analysis 45.41ms [4 imports rewritten] node_modules/.vite/chunk-7KASWCDU.js?v=74c3f395 +83ms
  vite:transform 47.53ms /node_modules/.vite/chunk-7KASWCDU.js?v=74c3f395 +82ms
  vite:cache [memory] /node_modules/.vite/chunk-PHGHP5KI.js?v=74c3f395 +84ms
  vite:cache [memory] /node_modules/.vite/chunk-2MI3HBLB.js?v=74c3f395 +0ms
  vite:cache [memory] /node_modules/.vite/chunk-PKEFF2V6.js?v=74c3f395 +0ms
  vite:cache [memory] /node_modules/.vite/chunk-ESTXZSVW.js?v=74c3f395 +0ms
  vite:time 123.28ms /src/Components/Navbar.jsx +130ms
  vite:resolve 0.13ms /src/apolloSetup.js -> /home/phat/projects/personal/clinica/client/src/apolloSetup.js +2s
  vite:resolve 0.09ms /src/misc.js -> /home/phat/projects/personal/clinica/client/src/misc.js +0ms
  vite:resolve 0.12ms /src/queries.js -> /home/phat/projects/personal/clinica/client/src/queries.js +1ms
  vite:resolve 0.11ms /tailwind.config.js -> /home/phat/projects/personal/clinica/client/tailwind.config.js +2ms
  vite:hmr [self-accepts] src/index.css +2s
  vite:import-analysis 0.30ms [0 imports rewritten] src/index.css +1s
  vite:transform 2635.19ms /src/index.css +1s
  vite:time 1979.89ms /src/index.css +1s
  vite:cache [memory] /node_modules/.vite/@mui_icons-material_Add.js?v=74c3f395 +1s
  vite:time 0.84ms /node_modules/.vite/@mui_icons-material_Add.js?v=74c3f395 +1ms
  vite:cache [memory] /node_modules/.vite/@mui_icons-material_Menu.js?v=74c3f395 +3ms
  vite:time 2.37ms /node_modules/.vite/@mui_icons-material_Menu.js?v=74c3f395 +4ms
  vite:cache [memory] /src/logo.svg +2ms
  vite:time 0.81ms /src/logo.svg?import +1ms
  vite:cache [304] /node_modules/.vite/chunk-7KASWCDU.js?v=74c3f395 +2s
  vite:time 0.84ms /node_modules/.vite/chunk-7KASWCDU.js?v=74c3f395 +2ms
  vite:cache [memory] /node_modules/.vite/chunk-JJWV6RUM.js?v=74c3f395 +62ms
  vite:time 1.31ms /node_modules/.vite/chunk-JJWV6RUM.js?v=74c3f395 +60ms
  vite:resolve 0.29ms /node_modules/.vite/chunk-ESTXZSVW.js -> /home/phat/projects/personal/clinica/client/node_modules/.vite/chunk-ESTXZSVW.js +413ms
  vite:time 5.47ms /node_modules/.vite/chunk-ESTXZSVW.js.map +349ms
  vite:time 2.11ms /src/favicon.svg +769ms
  vite:time 0.71ms /node_modules/.vite/chunk-ESTXZSVW.js.map +252ms

Validations

natnaelmb1 commented 2 years ago

I think I have found the problem. It's with my webpack version. The only reason I found out about it is because I created a new create-react-app project and it failed. But it showed me a helpful message. I suggest Vite also showing those error messages would really be helpful.

bluwy commented 2 years ago

What error message did webpack gave? And what was the core issue?

NullEnt1ty commented 2 years ago

tl;dr: jsonwebtoken uses Node core modules. Use jwt-decode instead.

jsonwebtoken uses Node core modules which won't work in the browser. I guess that @phatnael got a note from webpack (after upgrading to 5.x) that webpack < 5 used to include Node polyfills but not anymore.

This is not an issue with Vite.

natnaelmb1 commented 2 years ago

Yeah. I figured out that the problem was not with vite. I am using jwt-decode. But, I still think that vite should show a helpful error instead of a blank page, just like create-react-app does.