Custom alias error report Dynamic require of “path” is not supported

vite error message:

Dynamic require of "path" is not supported

 

wrong reason:

The vite version does not support commonJS method import path at this time

"vite": "^4.1.0"

To use es6 syntax

Before revising vite.config.js:

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
const path = require('path')

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  // 别名配置
  resolve: {
    alias: {
      // 键必须以斜线开始和结束
      '@': path.resolve(__dirname, './src'),
    },
  },
  server: {
    host: "0.0.0.0"
  }
})

After revising vite.config.js:

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// const path = require("path");
import path from "path";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  // 别名配置
  resolve: {
    alias: {
      // 键必须以斜线开始和结束
      '@': path.resolve(__dirname, './src'),
    },
  },
  server: {
    host: "0.0.0.0"
  }
})