ReferenceError: __dirname is not defined in ES module scope building script

Question

Im having a problem with "ReferenceError: __dirname is not defined in ES module scope" error

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')}/`,
    },
  },...

Can anyone provide a solution? Thank you so much!

Thermal_insulator · Accepted Answer · 2022-10-04 12:45:30Z

7

As the error suggests, __dirname is not defined in the ES module scope.

Try this:

import url from 'url'

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

Now you can use __dirname in path.resolve()

answered Oct 4, 2022 at 12:45

Thermal_insulator

2963 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Chi Chi Huang Over a year ago

Still getting the same error :(

Thermal_insulator Over a year ago

Where did you write the code I gave in my answer?

Chi Chi Huang Over a year ago

import on top, defined var under all the imports

Thermal_insulator Over a year ago

Try this: function dirname(meta) { return new URL("", meta.url).pathname; } const __dirname = dirname(import.meta); export default defineConfig({ resolve: { alias: { '~/': ${path.resolve(__dirname, 'src')}/, }, },...

Chi Chi Huang Over a year ago

Error: Cannot find module 'node:path' but you are on to something!

|

Codler · Accepted Answer · 2024-10-22 14:29:44Z

1

Add @types/node npm package

npm i -D @types/node --save-exact

answered Oct 22, 2024 at 14:29

Codler

11.3k6 gold badges55 silver badges66 bronze badges

Comments

Chi Chi Huang · Accepted Answer · 2022-10-05 15:26:20Z

0

The solution is to update Node to the newest version. Vite dropped support for older ones. Thanks, everyone!

answered Oct 5, 2022 at 15:26

Chi Chi Huang

631 silver badge5 bronze badges

2 Comments

rainbow.gekota Over a year ago

This answer could be improved by adding links to change logs that document the change.

PGT Over a year ago

how new is new? I'm on v18.9.0 and still getting this

AnandShiva · Accepted Answer · 2023-04-13 12:14:50Z

0

If you are facing the issue and recently installed module-alias Uninstalling module-alias and removing its related contents will fix the issues.

answered Apr 13, 2023 at 12:14

AnandShiva

1,42921 silver badges33 bronze badges

Collectives™ on Stack Overflow

ReferenceError: __dirname is not defined in ES module scope building script

4 Answers 4

6 Comments

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

6 Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related