三种解决办法 ReferenceError: __dirname is not defined in ES module scope

1 fileURLToPath 结合 import.meta.url

fileURLToPath Added in: v10.12.0 import.meta.url Added in: v10

ts 复制代码
import path from 'path';
import { fileURLToPath } from 'url';

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

2. import.meta.dirname ✔️

Added in: v21.2.0, v20.11.0

最少依赖最推荐写法

ts 复制代码
const __dirname = import.meta.dirname
  • 冷知识 1:import 虽然不能在 cjs 中使用,但是 import.meta 可以
  • 冷知识 2:Node.js 的 LTS 已经是 v22 了,v18 还有三周就要过保了,v20 也只有一年保质期了。LTS 意味着稳定和安全,大家踊跃升级呀。

当前时间数据:2025-4-10

Release Security Support Latest
23 Ends in 1 month and 3 weeks(01 Jun 2025) 23.11.0(01 Apr 2025)
22 (LTS) Ends in 2 years(30 Apr 2027) 22.14.0(11 Feb 2025)
20 (LTS) Ends in 1 year(30 Apr 2026) 20.19.0(13 Mar 2025)
18 (LTS) Ends in 3 weeks(30 Apr 2025) 18.20.8(27 Mar 2025)

来自 endoflife.date/nodejs

可以看下 import.meta 里面还有哪些值

ts 复制代码
console.log('process.versions:', process.versions.node);
console.log(import.meta);
ts 复制代码
❯ node import.meta.js
process.versions: 22.7.0
[Object: null prototype] {
  dirname: 'F:\\temp',
  filename: 'F:\\temp\\import.meta.js',
  resolve: [Function: resolve],
  url: 'file:///F:/temp/import.meta.js'
}

3. new URL 结合 import.meta.url

只能在非 Windows 操作系统中用。Macos 系统未尝试大家可以帮忙试试。

ts 复制代码
import path from 'path'

const __dirname = path.dirname(new URL(import.meta.url).pathname)

Windows 下返回 __dirname: /F:/temp 正确应该是 F:\\temp

更多详见 nodejs.org/docs/latest...

相关推荐
又又呢3 小时前
前端面试题总结——webpack篇
前端·webpack·node.js
avoidaily10 小时前
使用Node.js分片上传大文件到阿里云OSS
阿里云·node.js·云计算
xd0000210 小时前
8.axios Http网络请求库(1)
node.js
孟孟~11 小时前
npm run dev 报错:Error: error:0308010C:digital envelope routines::unsupported
前端·npm·node.js
孟孟~11 小时前
npm install 报错:npm error: ...node_modules\deasync npm error command failed
前端·npm·node.js
CUIYD_198915 小时前
Vue 中组件命名与引用
javascript·vue.js·node.js
全栈技术负责人15 小时前
Webpack性能优化:构建速度与体积优化策略
前端·webpack·node.js
程序猿小D20 小时前
第14节 Node.js 全局对象
linux·前端·npm·node.js·编辑器·vim
IT瘾君1 天前
JavaWeb:前端工程化-ElementPlus
前端·elementui·node.js·vue
早知道不学Java了1 天前
chromedriver 下载失败
前端·vue.js·react.js·npm·node.js