三种解决办法 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...

相关推荐
濮水大叔18 小时前
这个Database Transaction功能多多,你用过吗?
typescript·node.js·nestjs
鹧鸪yy19 小时前
认识Node.js及其与 Nginx 前端项目区别
前端·nginx·node.js
weixin_4738947719 小时前
mac 电脑安装类似 nvm 的工具,node 版本管理工具
macos·node.js
foundbug99919 小时前
Node.js导入MongoDB具体操作
数据库·mongodb·node.js
Linux运维技术栈19 小时前
多系统 Node.js 环境自动化部署脚本:从 Ubuntu 到 CentOS,再到版本自由定制
linux·ubuntu·centos·node.js·自动化
天天进步201519 小时前
Node.js中的Prisma应用:现代数据库开发的最佳实践
数据库·node.js·数据库开发
PineappleCoder20 小时前
同源策略是啥?浏览器为啥拦我的跨域请求?(二)
前端·后端·node.js
你的人类朋友1 天前
【Node&Vue】JS是编译型语言还是解释型语言?
javascript·node.js·编程语言
Orange3015111 天前
《深入源码理解webpack构建流程》
前端·javascript·webpack·typescript·node.js·es6
Clownseven2 天前
Docker+Nginx+Node.js实战教程:从零搭建高可用的前后端分离项目
nginx·docker·node.js