ReferenceError:在ES模块作用域构建脚本中没有定义__dirname

Question

我对"ReferenceError：__dirname在ES模块作用域中未定义“错误有问题

import path from 'path'
import { defineConfig } from 'vite'
import Vue from '@vitejs/plugin-vue'
import Pages from 'vite-plugin-pages'
import Layouts from 'vite-plugin-vue-layouts'
import Components from 'unplugin-vue-components/vite'
import AutoImport from 'unplugin-auto-import/vite'
import Unocss from 'unocss/vite'
import { campaign } from './package.json'



export default defineConfig({
  resolve: {
    alias: {
      '~/': `${path.resolve(__dirname, 'src')}/`,
    },
  },...

有人能提供解决方案吗？非常感谢!

Answer 1

正如错误提示的那样，在ES模块作用域中没有定义__dirname。

试试这个：

import url from 'url'

const __filename = url.fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

现在您可以在__dirname中使用path.resolve()

Answer 2

解决方案是将Node更新到最新版本。Vite放弃了对老客户的支持。谢谢大家！