[Resolve Method] extname is not function, at lookup function (vite)

[KumJungMin]

Issue

ErrorLog
(1) TypeError: extname is not a function
(2) Module "path" has been externalized for browser compatibility. Cannot access "path.${key}" in client code. See https://vitejs.dev/guide/troubleshooting.html#module-externalized-for-browser-compatibility for more details.

• When i call lookup function in Vite ^5.2.0, extname undefined error occured!

// my project environment

"@vitejs/plugin-react": "^4.2.1",
"vite": "^5.2.0",
"mime-types": "^2.1.35",

• Because Module "path" is incompatible.

How to Resolve

you can resolve this issue the following tip :)

(1) Install path-browserify. (link)

npm i path-browserify

(2) add path resolve option in vite.config.ts

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

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: [
      { find: '@', replacement: '/src' },
      { find: 'path', replacement: 'path-browserify' }, // this!!
    ],
  },
});

[romanown]

i have error Could not read from file: /var/www/myproj/path-browserify