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

相关推荐
你真的可爱呀5 小时前
3.MySQL 数据库集成
mysql·node.js·express
你真的可爱呀6 小时前
4.前后端联调(Vue3+Vite + Express + MySQL)
mysql·node.js·vue·express
weixin_462446236 小时前
【原创实践】Node.js 动态生成 SVG 项目规划纸模板 高仿 纸由我 PaperMe
node.js·生成纸张
PAQQ7 小时前
ubuntu22.04 搭建 Opencv & C++ 环境
前端·webpack·node.js
程序员爱钓鱼18 小时前
Node.js 编程实战:路由处理原理与实践
后端·node.js·trae
Lucky_Turtle18 小时前
【Node】npm install报错npm error Cannot read properties of null (reading ‘matches‘)
前端·npm·node.js
聊天QQ:276998851 天前
基于线性自抗扰(LADRC)的无人船航向控制系统Simulink/Matlab仿真工程探索
node.js
不会写DN1 天前
JavaScript call、apply、bind 方法解析
开发语言·前端·javascript·node.js
Tiam-20161 天前
安装NVM管理多版本node
vue.js·前端框架·node.js·html·es6·angular.js
fengGer的bugs1 天前
从零到一全栈开发 | 跑腿服务系统:小程序+Vue3+Node.js
小程序·node.js·全栈开发·跑腿服务系统