自定义别名报错Dynamic require of “path“ is not supported

vite 报错提示：

Dynamic require of "path" is not supported

 

错误原因：

vite版本此时已经不支持commonJS的方法导入path

"vite": "^4.1.0"

要使用es6语法

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"
  }
})

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"
  }
})