Nuxt项目中自定义模块无法导入同目录其他模块如何解决

Nuxt 提供的 ~ 路径别名仅适用于应用业务代码、Nuxt 运行时上下文内的路径解析，而自定义模块是在 Node.js 原生运行阶段加载的，Node 本身默认不识别 ~ 别名，因此会抛出模块找不到的错误。
将 bar 注册到 nuxt.config.js 的 modules 数组，作用仅是让 Nuxt 执行该模块的默认导出函数，和路径解析逻辑无关，所以无法解决导入报错问题。

• 方案一：使用相对路径导入（优先推荐，无需额外配置）
  直接修改 foo/index.ts 中的导入语句即可：

// foo/index.ts
import { bar } from '../bar';

export default function fooModule() {
  console.log(bar)
}

• 方案二：配置路径别名适配 Node 运行时
  如果不想使用相对路径，可通过配置实现 ~ 别名在 Node 运行时的识别：

1. 修改 nuxt.config.js 配置，显式声明别名对应的物理路径：

// nuxt.config.js
import { fileURLToPath } from 'node:url'
import { dirname, join } from 'node:path'

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

export default defineNuxtConfig({
  alias: {
    '~/modules': join(__dirname, './modules')
  },
  modules: [
    "~/modules/foo"
  ],
  // 其余配置项
})

2. 若项目使用 TypeScript，还需在 tsconfig.json 中添加路径匹配规则，保证类型检查正常：

{
  "compilerOptions": {
    "paths": {
      "~/modules/*": ["./modules/*"]
    }
  }
}

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