Vue项目执行npm run dev报错：Cannot find module 'node:url'

错误原因分析 #

从提供的代码和错误栈来看，存在两个核心问题：

1. vite.config.js语法错误：导入语句有两处问题：
   • 缺少闭合的单引号
   • 模块名大小写错误（node:URL应为小写的node:url）
2. Node.js版本过低：node:url是Node.js 14.18.0、16.0.0及以上版本才支持的内置模块导入方式，若你的Node版本低于该范围，也会触发此错误。

分步解决方案 #

1. 修复vite.config.js的语法错误 #

将原代码中的导入行修正为：

import { fileURLToPath, URL } from 'node:url'

完整修正后的vite.config.js代码：

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})

2. 检查并升级Node.js版本 #

打开终端执行以下命令查看当前Node版本：

node -v

如果版本低于14.18.0或16.0.0，建议升级到LTS版本（如18.x或20.x）：

• 使用nvm（Node版本管理器）操作：

  nvm install --lts
  nvm use --lts
  

• 直接下载对应系统的安装包进行更新

3. 重新启动项目 #

修正代码并确保Node版本符合要求后，重新执行：

npm install
npm run dev

内容的提问来源于stack exchange，提问作者Ashok